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

高洛峰
リリース: 2017-02-20 11:43:32
オリジナル
1609 人が閲覧しました

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

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート