实例讲解CSS3中的border-radius属性

1. .round {     border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */  
2.  -moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */    -webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */  
3.     border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */  
4. }  

1.用border-radius画圆
实心圆

如图，是用border-radius属性画出来的一个完美的实心圆。画实心圆的方法是高度和宽度相等，并且把border的宽度设为高度和宽度的一半。代码如下。

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表