css3 给div四个角加边框，并待内边阴影

最新推荐文章于 2025-04-19 16:33:14 发布

残月飞鹰

最新推荐文章于 2025-04-19 16:33:14 发布

阅读量5.5k

点赞数 3

分类专栏： css 文章标签： css3 div四个角边框内阴影

本文链接：https://blog.youkuaiyun.com/songyanfei1205/article/details/104018329

版权

css 专栏收录该内容

9 篇文章

订阅专栏

    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 18vw, 1.5vw 0.1vw;

div四个角加边框，并待内边阴影

效果图：