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学习笔记(八)--轮廓)