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。
继续阅读与本文标签相同的文章
-
健乐教学机器人可开展的教学实训内容
2026-05-14栏目： 教程
-
5G套餐曝光遭“吐槽”，iphone11受追捧，导致苹果11销量比较高
2026-05-14栏目： 教程
-
为什么修电脑的叫自己不要杀毒和清理垃圾？
2026-05-14栏目： 教程
-
当水乡建筑遇上机器人，成就乌镇又一网红景点
2026-05-14栏目： 教程
-
惊险！手刹失灵，郴州一货车开启“无人驾驶”模式……
2026-05-14栏目： 教程