CSS3 - 圆角

CSS3圆角 - 适用于初学者和高级开发人员的CSS教程通过示例简单易行地学习级联样式表。 CSS2和CSS3属性的完整参考手册。

CSS3圆角用于通过使用border-radius属性为主体或文本添加特殊颜色的角.圆角的简单语法如下 :

#rcorners7 {   border-radius: 60px/15px;   background: #FF0000;   padding: 20px;    width: 200px;   height: 150px; }

下表显示了圆角的可能值，如下所示;

Sr.No.	Value&说明
1	border-radius 使用此元素设置四个边界半径属性
2	border-top-left-radius 使用此元素设置左上角的边界
3	border-top-right-radius 使用此元素设置右上角的边框
4	border-bottom-right-radius 使用此元素设置右下角的边框
5	border-bottom-left-radius 使用此元素设置左下角的边界

示例

此属性可以有三个值.以下示例使用值 :

                     Rounded corners!
      Rounded corners!
      Rounded corners!

我们可以指定每个角落属性，如下例所示 :