css border虚线

作者：洃铯哖輪发布日期:2026-07-25 浏览:56

/* 使用 CSS 设置虚线边框的示例 */

/* 1. 单一边框设置 */
div {
    border: 2px dashed black;
}

/* 解释：上面的代码将为 div 元素设置一个宽度为 2 像素、样式为虚线（dashed）、颜色为黑色的边框。 */

/* 2. 分别设置四边边框 */
div {
    border-top: 2px dashed red;
    border-right: 2px dashed green;
    border-bottom: 2px dashed blue;
    border-left: 2px dashed yellow;
}

/* 解释：上面的代码分别设置了 div 元素的上、右、下、左边框为不同颜色的虚线，宽度均为 2 像素。 */

上一篇：css 第一个子元素

下一篇：css rgba