实例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>轮廓宽度设置</title>
<style type="text/css">
p.outline_width {outline-width:6px; /* 设置轮廓宽度。*/
outline-style:dotted;
outline-color:green;
width:300px;
color:red;
}
</style>
</head>
<body>
<h3>轮廓宽度设置</h3>
<p class="outline_width">这个段落将改变它的轮廓宽度</p>
<p><b> 注意:</b>上面的字段轮廓明显变大了。</p>
</body>
</html>
~
运行效果:
评论