css制作三角形
效果图:
html代码:
<div class="traigle"></div>
css代码:
.traigle{ width: 0px; height: 0px; border-left: 50px solid chocolate; border-top:25px solid transparent; border-bottom:25px solid transparent; }
注意:使用的容器要是块级元素或行内块级元素
另一种方式:
.traigle{ width: 0px; height: 0px; border: 20px solid #000; border-color: transparent black transparent transparent; }