2011-05-26 25 views
0

給圓角的div的CSS代碼。 我想創建div的圓角但只有上角。如何創建div和bottom的上圓角是方形?

+1

是,它是一個命令所有用戶給你一個代碼? – 2011-05-26 09:29:09

+0

可能的重複[多麼容易,我們可以創建使用CSS的圓角交叉瀏覽器DIV](http://stackoverflow.com/questions/4793573/how-easily-we-can-create-rounded-corner-crossbrowser-div-using- CSS) – 2011-05-26 10:04:32

回答

4

CSS圓角使用border-radius方式進行的。

border-radius: 5px; 

如果你想要做特定的角落,可以爲基本border-radius風格分裂出去爲四個獨立的樣式(border-top-left-radius等)或指定四個值:

border-radius: 5px 0 5px 0; 

border-radius被支持所有瀏覽器的當前版本,但舊版本可能需要供應商前綴(例如-webkit-border-radius-moz-border-radius),並且對於單獨的四種轉角樣式也可能具有不同的語法。

IE瀏覽器(IE8和更低)的舊版本不支持它在所有,但有一個很好的黑客攻擊,使其工作爲他們所謂的CSS3Pie

希望有所幫助。