10.CSS轮廓

1.CSS轮廓

1.轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

2.轮廓（outline）属性指定元素轮廓的样式、颜色和宽度。
①outline

p 
{
	border:1px solid red;
	outline:green dotted thick;
}

②outline-style

<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>

③outline-color

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

④outline-width

<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>