css outline-style 设置轮廓样式实例

<!DOCTYPE html>
<html>

<head>
 <meta charset="utf-8">
 <title>css outline-style 设置轮廓样式 实例 - 自学教程(runoops.com)</title>
 <style>
 p {
 border: 1px solid red;
 }

p.dotted {
            outline-style: dotted;
        }

p.dashed {
            outline-style: dashed;
        }

p.solid {
            outline-style: solid;
        }

p.double {
            outline-style: double;
        }

p.groove {
            outline-style: groove;
        }

p.ridge {
            outline-style: ridge;
        }

p.inset {
            outline-style: inset;
        }

p.outset {
 outline-style: outset;
 }
 </style>
</head>

<body>

点线轮廓
 虚线轮廓
 实线轮廓
 双线轮廓
 凹槽轮廓
 垄状轮廓
 嵌入轮廓
 外凸轮廓
 注意: 如果只有一个 !DOCTYPE 指定 IE 8 支持 outline 属性。
</body>

</html>