使用css实现边框的拐角效果使用css实现边框的拐角效果。UI说没图，让我自己实现，查了一下资料实现了，记录一下 ` `

UI说没图，让我自己实现，查了一下资料实现了，记录一下

图片.png

width: 100%;

border: 0px solid #FF000DFF;

box-shadow: 0px 0px 10px 5px rgba(255, 0, 13, 0.5) inset;

background: linear-gradient(to left, #FF000DFF, #FF000DFF) left top no-repeat,

linear-gradient(to bottom, #FF000DFF, #FF000DFF) left top no-repeat,

linear-gradient(to left, #FF000DFF, #FF000DFF) right top no-repeat,

linear-gradient(to bottom, #FF000DFF, #FF000DFF) right top no-repeat,

linear-gradient(to left, #FF000DFF, #FF000DFF) left bottom no-repeat,

linear-gradient(to bottom, #FF000DFF, #FF000DFF) left bottom no-repeat,

linear-gradient(to left, #FF000DFF, #FF000DFF) right bottom no-repeat,

linear-gradient(to left, #FF000DFF, #FF000DFF) right bottom no-repeat;

background-size: 1px 5px, 5px 1px, 1px 5px, 5px 1px;