2011-05-26 34 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

希望有所帮助。