CSS3 border-radius 属性和CSS outline 属性

CSS3 border-radius 属性

border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。

提示：该属性允许为元素添加圆角边框！

注释：按此顺序设置每个 radii 的四个值。如果省略 bottom-left，则与 top-right 相同。如果省略 bottom-right，则与 top-left 相同。如果省略 top-right，则与 top-left 相同。

语法

border-radius: 1-4 length|% / 1-4 length|%;

length  定义圆角的形状

%  以百分比定义圆角的形状

CSS outline 属性

定义和用法

outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

注释：轮廓线不会占据空间，也不一定是矩形。

outline 简写属性在一个声明中设置所有的轮廓属性。

可以按顺序设置如下属性：

outline-color

outline-style

outline-width

如果不设置其中的某个值，也不会出问题