重庆网站设计

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

 有时，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属性为科室模式，可同时包括三个样式属性。