Result Size: 625 x 534
x
 
<!DOCTYPE html>
<html>
<head>
<style>
p {border: 1px solid red;}
p.a {outline-style: dotted;}
p.b {outline-style: dashed;}
p.c {outline-style: solid;}
p.d {outline-style: double;}
p.e {outline-style: groove;}
p.f {outline-style: ridge;}
p.g {outline-style: inset;}
p.h {outline-style: outset;}
</style>
</head>
<body>
<h1>outline-style 属性</h1>
<p class="a">虚线轮廓</p>
<p class="b">虚线轮廓</p>
<p class="c">坚实的轮廓</p>
<p class="d">双轮廓</p>
<p class="e">凹槽轮廓</p>
<p class="f">脊线轮廓</p>
<p class="g">内嵌轮廓</p>
<p class="h">外部轮廓</p>
</body>
</html>