如何製作具有圓角和背景色的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？

回答

相關問題