如何制作具有圆角和背景颜色的Div?

wid*_*pil 4 css html5 rounded-corners background-color

当我指定"background-color:foo;"时 到我的CSS文件中的元素我没有任何颜色.我需要声明什么其他属性,我有一个绝对宽度设置?它是否需要父容器(它具有基本作为父容器)?我在这里想念的是什么?!

我还想用HTML5给它做圆角.角落只需要在Safari中工作,因为它适用于不是一般消费的Web应用程序.

Som*_*ory 9

看来你有两个问题:1.设置一个元素的背景; 2.你想要圆角设置元素并在野生动物园工作.

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

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

你的css:

   #mydiv { 
      background-color: #111;
      height: 100px;
      width:100px
   }
Run Code Online (Sandbox Code Playgroud)

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;
   }
Run Code Online (Sandbox Code Playgroud)