CSS笔记12-轮廓

轮廓是绘制元素周围的一条线，位于边框边缘的外围，起到突出元素的作用

 

轮廓样式

使用outline-style设置边框样式

p {
    outline-style:dotted;
}

 

轮廓宽度

使用outline-width属性设置边框宽度

p {
    outline-style:dotted;
    outline-width: thick;
}

 

轮廓颜色

使用outline-color属性设置轮廓颜色

p {
    outline-style:dotted;
    outline-width: thick;
    outline-color: blue;
}

 

使用outline属性可同时设置上面三个属性

p {
    outline: blue dotted thick;
}