1、边框可设置的属性:1、样式;2、宽度;3、颜色;每个边框可以单独设置;
<html>
<head>
<style>
p {
padding: 10px;
border-style: solid;
border-width: 2px;
border-color: red;
border-bottom: black dashed 3px;
border-left: green solid 10px;
border-right: red dotted 3px;
border-top: orange dotted 3px;
}
</style>
</head>
<body>
<p>
This is a paragraph;
<br />
This is a paragraph;
</p>
</body>
</html>
2、轮廓可设置的属性:1、样式;2、宽度;3、颜色;4、偏移值;前三项目同边框属性一样。但不同的是轮廓不能单独设置每
个边。
{outline-style: dotted;
outline-color: red;
outline-offset: 10px;
outline-width: 3px;
}