エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSSで三角形を作る方法と理屈について|webproduct-lab
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSで三角形を作る方法と理屈について|webproduct-lab
はい、今回はCSSで三角形を作る方法と、なぜそうなるのか?理屈についてまとめてみたいと思います。 疑... はい、今回はCSSで三角形を作る方法と、なぜそうなるのか?理屈についてまとめてみたいと思います。 疑似クラスの、:beforeや:afterに使うと吹き出しなどの三角形を表現するのに画像を使わずにできて、しかもロールオーバーなんかにも対応できちゃいます! コピペだけではカスタマイズする時に困ってしまいますので、なぜCSSで三角になるのか覚えておくと便利です。簡単なので、ぜひ覚えてみてください。 まずは、こちらをご覧ください。 width、hightを0にして、ボーダーを設定してみる .sample_triangle01 {width:0; height:0; border-width:10px; border-style:solid; border-color:#00F #F90 #0C0 #F00;} CSSを見ておわかりいただけるように、widthとhightを0としています。 その場