css实现三角形

思路:将宽高设置为0,通过border设置来实现

html片段:

<div id="triangle"</div>

css码:

#triangle {

width:0;
height:0;
border: 20px solid; 
border-color: transparent;
border-bottom-color: red;
}

效果图:

 

posted @ 2017-12-12 15:02  南韵  阅读(437)  评论(0编辑  收藏  举报