5.18
今天学习了css的轮廓.
<html><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</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>
<p class="dotted">一个点线轮廓</p>
<p class="dashed">一个虚线轮廓</p>
<p class="solid">一个实线轮廓</p>
<p class="double">一个双边轮廓</p>
<p class="groove">一个3D沟槽轮廓</p>
<p class="ridge">一个3D脊边轮廓</p>
<p class="inset">一个3D嵌入轮廓</p>
<p class="outset">一个3D突出轮廓</p>
<p><b>注意:</b> 如果只有一个!DOCTYPE指定IE8支持 outline属性。</p>
</body>
</html>
