好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS3之圆角_html/css_WEB-ITnose

CSS3圆角border-radius也是比较常用的,有了圆角,可以少很多图片了:)

语法:

border-radius : none | {1,4} [/ {1,4} ]?

说明:length不可为负值。border-radius是一种缩写方法。如果“/”前后的值都存在,那么“/”前面的值设置其水平半径,“/”后面值设置其垂直半径。如果没有“/”,则水平和垂直半径相等。另外其四个值是按照top-left、top-right、bottom-right、bottom-left的顺序来设置的。

一个简单的例子:

     #radius{text-align:center;border:2px solid #a1a1a1;padding:10px 40px; background:#dddddd;width:350px;height:200px;border-radius:25px;-moz-border-radius:25px; }   

Border-Radius

查看更多关于CSS3之圆角_html/css_WEB-ITnose的详细内容...

  阅读:27次