CSS学习笔记(八)--轮廓

轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
CSS outline 属性规定元素轮廓的样式、颜色和宽度。

  1. 颜色
    utline-color:#00ff00;
  2. 样式
p.dotted {outline-style: dotted}
p.dashed {outline-style: dashed}
p.solid {outline-style: solid}
p.double {outline-style: double}
p.groove {outline-style: groove}
p.ridge {outline-style: ridge}
p.inset {outline-style: inset}
p.outset {outline-style: outset}
  1. 宽度
    outline-width:thin; outline-width:3px;

  2. outline设置所有的轮廓属性
    outline:#00ff00 dotted thick;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一:CSS轮廓## 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 C...
    朝槿123阅读 470评论 0 1
  • 复习完CSS后总结一下,首先看一下CSS的一个体系结构图: 大体上分为这八个部分,参考一下vivijind的css...
    苏敏阅读 623评论 0 3
  • 1.CSS 边框属性CSS边框属性允许你指定一个元素边框的样式和颜色。 边框样式边框样式属性指定要显示什么样的边界...
    价值投机168阅读 412评论 0 1
  • 人生不如意之事十之八九,若凡事都可随心所欲,又凡事皆能使人心满意足,那每个人又何来如此多的困苦。仓央嘉措说“世间安...
    Infinity999阅读 119评论 0 0
  • 67天啦 心情比较清淡,没有坎坎坷坷。 加油,爱运动的自己。
    长不大的自己阅读 190评论 0 1