虚线边框
代码实现
代码如下:
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);
}