CSS基础学习十六：CSS盒子模型补充之border-radius属性_html/css_WEB-I

CSS盒子模型有很多的内容和属性，CSS也一直在更新和新增属性，今天我们来说说CSS3新增的盒子模型中的

边框中的内容，也就是border-radius属性。

border-radius属性设置元素的边框添加圆角，其实没有边框也可以添加圆角效果。但是要是显示出来，就必须增

加背景色或者边框。

可能的值：xpx；圆角是xpx，半径为xpx的四分之一圆。

语法格式为：

border-radius:apx bpx cpx dpx; 顺时针。当a=b=c=d，写为：border-radius:apx;

这样看起来很抽象，还是拿例子来说明

实例一：没有边框，有背景色的div，给其增加边框圆角属性

     CSS演示  #test {width:300px;height:200px;background-color:#FFFF00;border-radius:10px;line-height:200px;/*设置行高相同，便于居中*/text-align:center;}   
攻城课堂

      
查看更多关于CSS基础学习十六：CSS盒子模型补充之border-radius属性_html/css_WEB-I的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did110004