人生若只如初见

div 加四个边角

电脑版发表于:2020/11/17 19:35

效果图

代码如下

 <div class="boxall">
                sss
     <div class="boxfoot"></div>
 </div>

css


.boxall {
    border: 1px solid rgba(25186139.17);
    padding: 0rem .3rem .3rem;
    position: relative;
    margin-bottom: 1rem;
}

.boxall:before,
.boxall:after {
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    content: "";
    border-top: 2px solid #02a6b5;
    top: 0;
}

.boxall:before,
.boxfoot:before {
    border-left: 2px solid #02a6b5;
    left: 0;
}

.boxall:after,
.boxfoot:after {
    border-right: 2px solid #02a6b5;
    right: 0;
}

.boxfoot {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.boxfoot:before,
.boxfoot:after {
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    content: "";
    border-bottom: 2px solid #02a6b5;
    bottom: 0;
}


关于TNBLOG
TNBLOG,技术分享
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢