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

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

原文地址:https://www.cnblogs.com/future-zmy/p/6028124.html