css 轮廓样式

html

<red id="dotted"><b>注释:</b>我是修饰过的轮廓</red><br /><br />
	<red id="dashed"><b>注释:</b>我是修饰过的轮廓</red><br /><br />
	<red id="solid"><b>注释:</b>我是修饰过的轮廓</red><br /><br/>
	<red id="double"><b>注释:</b>我是修饰过的轮廓</red><br /><br/>

css

red{
 	 border:red solid thin;
 	 outline:#8A2BE2 dotted thick;
 }
 
 #dotted{outline-style:dotted}
 #dashed{outline-style:dashed}
 #solid{outline-style:solid}
 #double{outline-style:double}

效果图