純粋な CSS の三角形のシンボル

三角形はプロジェクトでよく使用されます。ここでは、純粋な CSS で書かれた下の三角形の立体形状について説明します

.triangle{
    border-width: 5px 4px 0 4px;
    border-color:  #454A7B transparent transparent transparent;
    border-style:solid;
    height: 0; 
    width: 0;
}

1 つの例から推測して、三角形の形状のスタイルを他の方向に調整することもできます。怠惰にならないでください。自分で進めてください。

純粋な CSS 三角形シンボルに関連するその他の記事については、PHP 中国語 Web サイトに注目してください。