CSS border-top 属性

在 CSS 中，border-top 属性用于设置元素的顶部边框样式。可以通过该属性来定义边框的宽度、样式和颜色。

语法

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

• border-width：指定边框的宽度，可以是像素(px)、百分比(%)或预定义值(thin、medium、thick)。
• border-style：指定边框的样式，常用的样式有 solid（实线）、dashed（虚线）、dotted（点线）等。
• border-color：指定边框的颜色，可以是颜色值、预定义颜色名或 transparent（透明）。

示例

div {
  border-top: 2px solid #ff0000;
}

上面的代码将为 div 元素的顶部添加一个红色、宽度为 2 像素的实线边框。

值

border-width

• thin：定义一个细边框。
• medium：定义一个中等宽度的边框。
• thick：定义一个粗边框。
• length：定义一个具体宽度的边框，如 2px。
• %：相对于包含块的宽度计算边框宽度。

border-style

• none：无边框。
• hidden：隐藏边框。
• dotted：点线边框。
• dashed：虚线边框。
• solid：实线边框。
• double：双线边框。
• groove：3D凹槽边框。
• ridge：3D凸槽边框。
• inset：3D内嵌边框。
• outset：3D外凸边框。

border-color

• color：指定边框的颜色值。
• transparent：边框透明。

继承性

border-top 属性不继承。

注意事项

• 如果只设置一个值，其余两个值将使用默认值。
• border-top 属性可以与 border、border-left、border-right 和 border-bottom 属性结合使用。

以上是关于 CSS 属性 border-top 的详细介绍，希望能帮助您更好地掌握这一属性的用法。