CSS border-top-style 属性实例 - 自学教程(runoops.com)

<!DOCTYPE html>
<html>

<head>
 <meta charset="utf-8">
 <title>CSS border-top-style 属性 实例 - 自学教程(runoops.com)</title>
 <style>
 p {
 border-style: solid;
 }

p.none {
            border-top-style: none;
        }

p.dotted {
            border-top-style: dotted;
        }

p.dashed {
            border-top-style: dashed;
        }

p.solid {
            border-top-style: solid;
        }

p.double {
            border-top-style: double;
        }

p.groove {
            border-top-style: groove;
        }

p.ridge {
            border-top-style: ridge;
        }

p.inset {
            border-top-style: inset;
        }

p.outset {
 border-top-style: outset;
 }
 </style>
</head>

<body>
 无上底边界。
 点上底边界。
 虚线上底边界。
 实线上底边界。
 双线上底边界。
 凹槽上底边界。
 垄状上底边界。
 嵌入上底边界。
 外凸上底边界。
</body>

</html>