css border-top设置HTML元素的上边框

border-top上边框介绍

border-top 简写属性把上边框的所有属性设置到一个声明中，可以按顺序设置如下属性：

border-top-width 规定上边框的宽度
border-top-style 规定上边框的样式
border-top-color 规定上边框的颜色

例如：

border-top-width:1px;
border-top-style:solid;
border-top-color:red;

上面代码可以合并到border-top属性中一起声明

border-top:1px solid red;

如果不设置其中的某个值，也不会出问题，比如

border-top:solid #ff0000;

上面缺少值也是允许的。

border-top上边框实例

css使用border-top设置上边框的样式：

<!DOCTYPE html>
<html>
<head>
<style>
p{
    border-style:solid;
    border-top:thick double #ff0000;
}
</style>
</head>
<body>
<p>我设置了上边框border-top属性</p>
</body>

</html>

在线运行

上面实例先用border-style设置p元素四个边框的样式为solid；然后再设置P元素上边框的样式为thick(这里设置的样式会覆盖掉刚才设置的solid)，上边框宽度为double，上边框的颜色为#ff0000。