css边框样式

/* CSS边框样式的示例代码 */

/* 1. 简单的实线边框 */
div {
    border: 2px solid black; /* 设置边框宽度为2px，样式为实线，颜色为黑色 */
}

/* 2. 虚线边框 */
div {
    border: 2px dashed red; /* 设置边框宽度为2px，样式为虚线，颜色为红色 */
}

/* 3. 双线边框 */
div {
    border: 5px double blue; /* 设置边框宽度为5px，样式为双线，颜色为蓝色 */
}

/* 4. 圆角边框 */
div {
    border: 2px solid green;
    border-radius: 10px; /* 设置边框圆角半径为10px */
}

/* 5. 不同方向的边框样式 */
div {
    border-top: 1px solid black; /* 上边框 */
    border-right: 2px dashed red; /* 右边框 */
    border-bottom: 3px double blue; /* 下边框 */
    border-left: 4px dotted green; /* 左边框 */
}

以上代码展示了不同类型的CSS边框样式。每种样式通过border属性来设置边框的宽度、样式和颜色。此外，还展示了如何使用border-radius创建圆角边框，以及如何为不同的边分别设置不同的边框样式。