CSS学习笔记--轮廓

轮廓是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。轮廓属性指定了样式，颜色和外边框的宽度。轮廓属性的位置让它不像边框那样参与到文档流中，因此轮廓出现或消失时不会影响文档流，即不会导致文档的重新显示。

设置轮廓的样式

<style>
p {border:1px solid red;}
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;}
</style>

设置轮廓的颜色

<style>
p 
{
	border:1px solid red;
	outline-style:dotted;
	outline-color:#00ff00;
}
</style>

设置轮廓的宽度

<style>
p.one
{
	border:1px solid red;
	outline-style:solid;
	outline-width:thin;
}
p.two
{
	border:1px solid red;
	outline-style:dotted;
	outline-width:3px;
}
</style>