纯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好看内容请搜索靠谱客的其他文章。