<!DOCTYPE html>
<html>
<head>
<style>
p.ex1 { border: 1px solid black;
outline-style: solid;
outline-color: red;
outline-width: thin;
}
p.ex2 { border: 1px solid black;
outline-style: solid;
outline-color: red;
outline-width: medium;
}
p.ex3 { border: 1px solid black;
outline-style: solid;
outline-color: red;
outline-width: thick;
}
p.ex4 { border: 1px solid black;
outline-style: solid;
outline-color: red;
outline-width: 4px;
}
</style>
</head>
<body>
<h2>outline-width 属性</h2>
<p class="ex1">细轮廓。</p>
<p class="ex2">中等轮廓。</p>
<p class="ex3">粗轮廓。</p>
<p class="ex4">4px 粗轮廓。</p>
</body>
</html>