ホームページ  >  記事  >  ウェブフロントエンド  >  純粋な CSS の三角形のシンボル

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

高洛峰
高洛峰オリジナル
2017-02-20 11:43:321587ブラウズ

三角形はプロジェクトでよく使用されます。ここでは、純粋な 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 サイトに注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。