如何设计CSS outline 属性

1、应用代码：p { outline:#00FF00 dotted thick; }在这个代码当中，我们对于元素的轮廓进行了颜色、线条的构成、粗细都进行了一个全面的设置。

2、浏览器。目前所有的主流浏览器都支持这样的一个 outline 代码的。对于老的版本IE8 来说，要进行一个 !DOCTYPE 的设置。

3、定义。所谓的轮廓也是很好理解的，这就是在边框之外的另外一个边框，也就是让元素这个主体更加突显的工具。

4、轮廓与边框的区别。这个轮廓不一定是矩形，这个轮廓不要占据空间。这个轮廓是边框之外的。

5、可能的值。对于outline 这个代码来说，它的值有可能为四个。outline-color 这个就是它的颜色类别。outline幻腾寂埒-style 这个就是它的边框样式。outline-width 这个就是它的边框宽度inherit 这个就是指轮廓的继承性。

6、一个完整的style 的流程。我们在实际的应用当中，常常也要同时规定一下这个border语句的。这就是元素的边框。<style type="text/css"稆糨孝汶;>p{border:red solid thin;outline:#00ff00 dotted thick;}</style>