html运行实例（css_border-side

代码示例：（标识：css_border-side_3）

<!DOCTYPE html>
<html>
<head>
<style>
body {
  text-align: center;
}
/* 四个值 */
p.four {
  border-style: dotted solid double dashed;
}

/* 三个值 */
p.three {
  border-style: dotted solid double;
}

/* 两个值 */
p.two {
  border-style: dotted solid;
}

/* 一个值 */
p.one {
  border-style: dotted;
}
</style>
</head>
<body>

<h1>单独的边框</h1>

<p class="four">四种不同的边框样式。</p>
<p class="three">三种不同的边框样式。</p>
<p class="two">两种不同的边框样式。</p>
<p class="one">一种边框样式。</p>

</body>
</html>