给div四个角添加样式

162 阅读1分钟
<style>
    .div {
        width: 200px;
        height: 200px;
        box-shadow: 0 0 2.5vw #237ad4 inset;
        background: linear-gradient(#1359df, #1359df) left top,
        linear-gradient(#1359df, #1359df) left top,
        linear-gradient(#1359df, #1359df) right top,
        linear-gradient(#1359df, #1359df) right top,
        linear-gradient(#1359df, #1359df) left bottom,
        linear-gradient(#1359df, #1359df) left bottom,
        linear-gradient(#1359df, #1359df) right bottom,
        linear-gradient(#1359df, #1359df) right bottom;
        background-repeat: no-repeat;
        background-size: 0.1vw 1.5vw, 1.5vw 0.1vw;
    }
</style>

<body>
    <div class="div"></div
</body>