通过CSS形成三角形

时间:2019-08-29 14:11:29 类型:HTML/CSS
字号:    

遇到三角形状, 一般我们都是切一图片, 其实用css设置边框也是可以形成的 如图: 

    


<span style="
		    width: 0;
		    height: 0;
		    border-bottom: 6px solid #3983e5;
		    border-top: 6px solid transparent;
		    border-left: 6px solid transparent;
		    border-right: 6px solid transparent;">
    </span>


<span style="
		    vertical-align: middle;
		    border-bottom: 6px solid blue;
		    border-top: 6px solid black;
		    border-left: 6px solid red;
		    border-right: 6px solid yellow;">
    </span>