Skip to content
On this page

虚线边框

代码实现

代码如下:

css
.dashed-border {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin: 50px auto 0;
    width: 600px;
    height: 150px;
    padding: 10px;
    border: 1px dashed transparent;
    background: linear-gradient(#F1DEC1, #F1DEC1) padding-box, repeating-linear-gradient(-45deg, #666666 0, #666666 6px, #FFFFFF 0, #FFFFFF 12px);
}

效果预览