关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

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属性为科室形式,可同时包含三个样式属性。

 



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/hynews/20151126/n2594.html

上海联楷网络新闻