css - 如何制作具有圆角和背景颜色的 Div？

Question

当我分配“背景颜色：foo;”时 到我的 CSS 文件中的一个元素，我没有得到任何颜色。我还需要声明哪些其他属性，我设置了绝对宽度？它是否需要一个父容器（它有一个基本的父容器）？我在这里想念什么？！

另外我想用 HTML5 给它圆角。角落只需要在 Safari 中工作，因为它是用于网络应用程序而不是一般消费。

Answer 1

看来您有 2 个问题： 1. 为元素设置背景；2. 你想为一个元素设置圆角并在 safari 中工作。

1. 如果您的元素是 div 标签，则需要设置 div 标签的宽度和高度，例如：

   <div id='mydiv'>some elements here</div>

你的CSS：

   #mydiv { 
      background-color: #111;
      height: 100px;
      width:100px
   }

2.设置圆角（以下代码适用于所有浏览器）：

   .round-corner {
      -webkit-border-radius: 5px 5px 5px 5px; 
      -moz-border-radius: 5px 5px 5px 5px;
      -o-border-radius: 5px 5px 5px 5px;
      border-radius: 5px 5px 5px 5px;
   }

Answer 2

背景颜色必须是十六进制或浏览器可识别的有效字符串

所以，像这样：

background: #F0F0F0;

或者

background: white;

对于边框：

border-radius: 4px;

演示