CSS小さな三角形の作成

小引:

考える:ボックスの幅と高さが0で、上、下、左、右に10pxのボーダーが与えられた場合、異なる色で4つのボーダーを設定します。

<スタイル> 
        div { 
            幅:0 ; 
            高さ:0 ; 
            ボーダー - 左:10pxピンク一色; 
            ボーダー - 上部:10px赤一色。
            ボーダー - 右:10px青色一色; 
            ボーダー - 下部:10ピクセルの緑一色。
        }
     </ style> 
</ head> 

<body> 
    <div> </ div>

効果:

 

 したがって、三角形の効果を設定する場合は、これを参照して、3つの境界線の色を透明に設定し、残りの三角形を残して目的の色を設定します。

 

おすすめ

転載: www.cnblogs.com/echol/p/12728448.html