在CSS中,border属性用于设置 HTML 元素的边框。
border属性有多个不同的属性值,可用于定制元素的边框样式、宽度和颜色。以下是几个常用的border属性值。
.border { border: 1px solid #000; }
上面这个例子使用了border属性设置元素的边框宽度(1像素)、边框类型(solid)和边框颜色(黑色)。
.border-dashed { border: 2px dashed #f00; }
这个例子用了border属性的另一种边框类型值——dashed(虚线)。同时,它还将边框宽度设置为2像素,边框颜色为红色。
.border-radius { border: 1px solid #000; border-radius: 10px; }
这个例子设置了一个圆角边框。除了border属性,它还应用了border-radius属性,将元素的边角变为10像素的圆角。
总的来说,border属性提供了许多选项,可用于定制 HTML 元素的边框样式和外观。通过灵活使用border属性,你可以为元素增色不少。