Question

css怎么实现小的倒三角

Answer 1

如果想用css 弄出个倒三角的话, 只能使用border了, 可以这样写, 写一个div 宽高都是0px , 把border其他都设置成10px solid transparent;再把border-top:10px solid red; 这样看起来 就能挤成个倒三角 比如::: <div style="width:0px;height:0px;border-top:100px solid red;border-left:150px solid transparent;border-bottom:50px solid transparent;border-right:150px solid transparent;"></div>

Answer 2

.triangle {
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 20px solid transparent;
    border-top-color: #000;
    border-bottom-width: 0;
}

Answer 3

<style>
#triangle-down {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 100px solid red;
}
</style>
<div id="triangle-down"></div>