像左上角、右上角这样的边框效果
step1:
先写一个行内元素,比如span
<span class="top-left border-span"></span>
step2:
将行内元素变成块状元素
.border-span{
display: block;
position: absolute;
top:0;
right: 0;
width:35px;
height: 35px;
}
step3:具体设置
.top-left {
top: 1px;
left:1px;
border-top: 3px solid #54dcf2;
border-left: 3px solid #54dcf2;
}
这样就成功了。