实例代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>轮廓的样式和颜色</title>
<style type="text/css">
p{
border:red solid thin; /*设置元素的边框*/
outline-style:dashed; /*设置轮廓的样式为虚线*/
outline-color:blue; /* 设置轮廓的样式颜色为蓝色*/
width:300px;
}
</style>
</head>
<body>
<h3>设置轮廓样式和颜色</h3>
<p>这个段落将设置轮廓的样式和颜色</p>
</body>
</html>
运行效果:
评论