前端笔记
长乐王

CSS轮廓属性:设定元素轮廓的样式、颜色和宽度

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

在元素周围画线
p {
    border: red solid thin;
    outline: #00ff00 dotted thick;
}
设置轮廓的样式和颜色
p {
    border: red solid thin;
    outline-style: dotted;
    outline-color: #00ff00;
}
设置轮廓的样式和宽度
p.one {
    border: red solid thin;
    outline-style: solid;
    outline-width: thin;
}
p.two {
    border: red solid thin;
    outline-style: dotted;
    outline-width: 3px;
}

CSS 轮廓 属性及描述
outline:在一个声明中设置所有的轮廓属性。
outline-color:设置轮廓的颜色。
outline-style:设置轮廓的样式。
outline-width:设置轮廓的宽度。
本文番号: 前端笔记 - CSS/CSS3 - CSS轮廓属性:设定元素轮廓的样式、颜色和宽度

评论