关于制作css左上角边框效果

像左上角、右上角这样的边框效果
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;
}

这样就成功了。