CSS 边框顶部

介绍

在 CSS 中，可以使用 border-top 属性来定义一个元素的顶部边框样式。边框可以是实线、虚线、点状线、双实线等等，也可以设置不同的颜色、宽度和样式。

语法

border-top 属性的语法如下：

border-top: [width] [style] [color];

其中，width 是边框的宽度；style 是边框的样式；color 是边框的颜色。可以分别设置它们的值，也可以使用简写形式一次性设置，例如：

border-top: 1px solid black;

这里将 width 设置为 1 像素，style 设置为实线，color 设置为黑色。

实例

以下是几个使用 border-top 属性的实例：

1. 实线边框

border-top: 1px solid black;

2. 虚线边框

border-top: 2px dotted gray;

3. 双实线边框

border-top: 3px double blue;

总结

使用 border-top 属性可以轻松定义一个元素的顶部边框样式。可以设置不同的类型、宽度和颜色，从而实现更多的效果。