web网页设计中轮廓线的用法

时间：2012-10-29

   有时，Web设计者希望为按钮，活动的表单元素一个轮廓线(outline)，用来突出显示它们。轮廓线也是经常被忽略的界面元素，适当地使用它可以提高应用程序的易用性，增强用户体验，轮廓线与边框的不同之处在于以下两个方面：
1.轮廓线不占用任何空间(不影响元素的大小)。
2.轮廓线可以不是矩形的。
   Css提供了outline-color,outline-style,outline-width以及一个简写的outline属性来控制元素的轮廓线样式。
   Outline-color属性可接受所有表示颜色的属性值，此外还可使用invert关键字，它表示将轮廓线区域下面的颜色进行反转，outline-style可使用除hidden外所有border-style所使用的属性值。outline-width可用的属性值与border-width属性的属性值完全一致，outline属性为科室形式，可同时包含三个样式属性。