利用outline-style 设计div外围样式

发布时间:2019-09-30编辑:脚本学堂
当div外围边框比较复杂的时候怎么设计它的样式呢?本文就讲述一下用outline-style设计div外围样式的相关知识。需要学习的朋友参考一下。
 div {outline-style :solid ; outline-color:#ddd;outline-width:1px ;

 可以设计div 样式,还有a 的样式,不经常使用,但有的时候,可以解决外边框比较复杂的设计。

基本特性
初始值: none  适用于: 所有元素
继承性: 无  百分比: N/A
媒体: visual, interactive  版本: CSS2
兼容性: 无

基本语法
 

utline-style : none | dotted | dashed | solid | double | groove | ridge | inset | outset
 

语法取值
 

复制代码 代码示例:

none :  默认值无边框。与任何指定的 outline-width 值无关
dotted :  点线外轮廓
dashed :  虚线外轮廓
solid :  实线外轮廓
double :  双线外轮廓。两条单线与其间隔的和等于指定的 oueline-width 值
groove :  根据 outline-color 的值画3D凹槽外轮廓
ridge :  根据 outline-color 的值画3D凸槽外轮廓
inset :  根据 outline-color 的值画3D凹边外轮廓
outset :  根据 outline-color 的值画3D凸边外轮廓

注:

设置或检索对象外的线条轮廓( outline )的样式。对应的脚本特性为 outlineStyle 。
 

复制代码 代码示例:
 img { outline-color: orange; outline-style: solid ; outline-width: medium ; }