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

当我指定“background-color：foo;”到我的CSS文件中的元素，我没有得到任何颜色。我需要声明哪些其他属性，我设置了绝对宽度？它是否需要父容器（它具有基本的父容器）？我在这里错过什么？！如何制作具有圆角和背景色的Div？

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

来源

2012-05-29 wide_eyed_pupil

该网站充满了圆角DIV指南。你有什么尝试？ –

你在暗示我尝试了什么？我可以发布我的代码，但看起来像下面的代码，。 –

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

如果元素是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; 
    }

来源

2012-05-29 04:22:06

我想要高度是动态的，我可以离开高度并让这些元素伸展它吗？ –

@ wide_eyed_pupil：是的，你可以 – xbonez

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

所以，这样的事情：

background: #F0F0F0;

或

background: white;

对于边界：

border-radius: 4px;

Demo

来源

2012-05-29 04:13:30 xbonez

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

回答

相关问题