Etiket: Triangle

style tagı içerisine bu kodu ekleyiniz.

.yukari {
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-bottom:12px solid #09F;
    width:0;
    height:0;
}
 
.asagi {
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-top:12px solid #0B0;
    width:0;
    height:0;
}
 
.sol {
    border-right:12px solid #B00;
    border-top:12px solid transparent;
    border-bottom:12px solid transparent;
    width:0;
    height:0;
}
 
.sag {
    border-left:12px solid #F60;
    border-top:12px solid transparent;
    border-bottom:12px solid transparent;
    width:0;
    height:0;
}

sayfa içerisinde bu kodu kullanın

<div class="yukari"></div>
<div class="asagi"></div>
<div class="sol"></div>
<div class="sag"></div>