原則の境界実現を使用してCSS小さな三角形:
HTML:
<div class="triangle"></div>
幅と0に容器の高さを設定するために
10pxのボーダーの幅に設けられている
上部(即ち、第1の値)に、三角形をしたい色セット
下部に三角形上の所望の(すなわち、第3の値)をセットカラー
CSS
.triangle {
width: 0;
height: 0;
border: 10px solid;
border-color: transparent transparent red transparent;
}
レンダリング:
の実現にこのような小さな三角形