css实现斜角边框

时间:2025-03-29 16:20:40
.dot{ width:2px;height:2px;border-radius: 100%;background-color: #c6a35e;display: block;position: absolute;z-index: 999 } .dot-tl{left:0px; top:0px;} .dot-tr{right:0px; top:0px;} .dot-bl{left:0px; bottom:0px;} .dot-br{right:0px; bottom:0px;} .sbg{ padding:15px 15px ; background: #fff; background: linear-gradient(45deg, transparent 6px, #fff 0)bottom left , linear-gradient(-45deg, transparent 6px, #fff 0)bottom right, linear-gradient(-135deg, transparent 6px, #fff 0)top right , linear-gradient(135deg, transparent 6px, #fff 0)top left ; background-size: 51% 51% ; background-repeat: no-repeat; }