纯css好看的div选中效果

       .box{
            position: relative;
            width: 120px;
            height: 120px;
            overflow: hidden;
            background-color: yellow;
            margin: 50px;
            border: 3px solid #4390df;
        }
        
        .box:before{
            position: absolute;
            display: block;
            border-top: 28px solid #4390df;
            border-left: 28px solid transparent;
            right: 0;
            top: 0;
            content: "";
            z-index: 101;
        }
        .box:after{
            position: absolute;
            display: block;
            content: "e013";            
            top: 0;
            right: 0;
            font-family: Glyphicons Halflings;
            font-size: 10pt;
            font-weight: normal;
            z-index: 102;
            color: #fff;

        }

效果如下：

最后

以上就是慈祥战斗机为你收集整理的纯css好看的div选中效果的全部内容，希望文章能够帮你解决纯css好看的div选中效果所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。