//div {outline-style :solid ; outline-color:#ddd;outline-width:1px ;} 可以设计div 样式哦,还有a 的样式,虽然不常用,但有的时候,你会发现,哇,它很神奇哈。可以解决外边框比较复杂的设计。
基本特性
初始值: | none | 适用于: | 所有元素 |
继承性: | 无 | 百分比: | N/A |
媒体: | visual, interactive | 版本: | CSS2 |
兼容性: | 无 |
基本语法
outline-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 。
代码示例
1 | |
2 | img { outline-color: orange; outline-style: solid ; outline-width: medium ; } |
3 |