CSS 边框

CSS 边框是用来给元素添加边框样式的属性，可以控制边框的粗细、颜色、样式等。在网页设计中，边框是非常常用的样式之一，可以用来美化页面，增加元素的可读性和吸引力。

边框样式

在 CSS 中，我们可以使用 border-style 属性来设置边框的样式。常用的边框样式包括：

• solid：实线边框
• dashed：虚线边框
• dotted：点线边框
• double：双线边框
• groove：凹陷边框
• ridge：凸起边框
• inset：内凹边框
• outset：外凸边框

示例代码：

div {
  border-style: solid; /* 实线边框 */
}

span {
  border-style: dashed; /* 虚线边框 */
}

边框宽度

边框的宽度可以使用 border-width 属性来设置，可以设置具体的像素值或者使用预定义的值如 thin、medium、thick。

示例代码：

div {
  border-width: 2px; /* 设置边框宽度为 2 像素 */
}

span {
  border-width: thin; /* 设置边框宽度为细边框 */
}

边框颜色

边框的颜色可以使用 border-color 属性来设置，可以使用具体的颜色值或者预定义的颜色名称。

示例代码：

div {
  border-color: #ff0000; /* 设置边框颜色为红色 */
}

span {
  border-color: black; /* 设置边框颜色为黑色 */
}

以上就是关于 CSS 边框的基本用法，通过合理的设置边框样式、宽度和颜色，可以让页面元素更具吸引力和美感。