CSS教程 轮廓属性(outline)

 时间:2026-04-30 00:39:56

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)

  • 电脑版钉钉家校本在哪,如何使用
  • 手机搜狗输入法如何开启耳语识别
  • 大学生如何处理好恋爱关系
  • 小米手机的万能遥控怎么用
  • 开花店需要具备哪些条件?
  • 热门搜索
    宪法手抄报简单漂亮 初中数学手抄报 小学数学手抄报 父亲节手抄报 海底世界手抄报 春节风俗手抄报 法制手抄报内容资料 小学生植树节手抄报 绿色环保手抄报内容 元宵节手抄报简笔画