通过css给div添加四个角

css yekong

wanjunshijie 2021-03-23 at 10.56.43@2x

position: relative;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,right top,left top,from(#77f0ff),to(#77f0ff)) 0 0 no-repeat,-webkit-gradient(linear,left top,left bottom,from(#77f0ff),to(#77f0ff)) 0 0 no-repeat,-webkit-gradient(linear,right top,left top,from(#77f0ff),to(#77f0ff)) 100% 0 no-repeat,-webkit-gradient(linear,left top,left bottom,from(#77f0ff),to(#77f0ff)) 100% 0 no-repeat,-webkit-gradient(linear,right top,left top,from(#77f0ff),to(#77f0ff)) 0 100% no-repeat,-webkit-gradient(linear,left top,left bottom,from(#77f0ff),to(#77f0ff)) 0 100% no-repeat,-webkit-gradient(linear,right top,left top,from(#77f0ff),to(#77f0ff)) 100% 100% no-repeat,-webkit-gradient(linear,right top,left top,from(#77f0ff),to(#77f0ff)) 100% 100% no-repeat rgba(0,6,20,.7);
    background: linear-gradient(
270deg
,#77f0ff,#77f0ff) 0 0 no-repeat,linear-gradient(
180deg
,#77f0ff,#77f0ff) 0 0 no-repeat,linear-gradient(
270deg
,#77f0ff,#77f0ff) 100% 0 no-repeat,linear-gradient(
180deg
,#77f0ff,#77f0ff) 100% 0 no-repeat,linear-gradient(
270deg
,#77f0ff,#77f0ff) 0 100% no-repeat,linear-gradient(
180deg
,#77f0ff,#77f0ff) 0 100% no-repeat,linear-gradient(
270deg
,#77f0ff,#77f0ff) 100% 100% no-repeat,linear-gradient(
270deg
,#77f0ff,#77f0ff) 100% 100% no-repeat rgba(0,6,20,.7);
    background-size: 2px 18px,18px 2px,2px 18px,18px 2px;
    border: 1px solid #004566;
    -webkit-box-shadow: inset 0 0 20px 0 #004566;
    box-shadow: inset 0 0 20px 0 #004566;
}  
喜欢