イノベーション エンジニアブログ


株式会社イノベーションのエンジニアたちの技術系ブログです


このエントリーをはてなブックマークに追加

Tag: C-S-S


  1. CSSの三角形でいろいろ作る

    こんにちはAMIです 最近、CSSで三角形を作る方法を覚えたので、三角形を使って幾つか作ってみようと思います。 borderの一辺を使って、三角形を作ります 三角形の作り方の流れは以下のとおりです。 ・四角形にborderを設定する ・4辺をそれぞれ違う色に設定するとこんなふうになっているので ・四角形のwidthとheightを0にして ・bottom以外の辺を透明にすると、三角形の完成! HTML <div class="sample"></div> CSS .sample { width: 0px; height: 0px; border: 50px solid; border-color: transparent; b…

    CSS, triangle, AMI