CSS教程 轮廓属性(outline)

2025-04-01 11:52:04

1、新建一个 Outline.html 文件,如图所示

CSS教程 轮廓属性(outline)

2、输入 <!DOCTYPE html> 作用:使用html5的标准,如图所示:

CSS教程 轮廓属性(outline)

3、输入网页结构的头部和主体,设置title为:轮廓属性(outline),如图所示:

CSS教程 轮廓属性(outline)

4、轮廓属性(outline)的含义:轮廓指的是盒子边框线外面再套一层“修饰性”线条,如图所示:

CSS教程 轮廓属性(outline)

5、轮廓属性(outline)的取值,如图所示:

CSS教程 轮廓属性(outline)

6、注意:如果有外边距(margin),轮廓线是可以跟margin有重叠的

CSS教程 轮廓属性(outline)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢