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


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


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

Tag: C-S-S


  1. 梅雨なのでCSS画像切り替え3種

    梅雨ですね。AMIです。 魔が差して書いてみました。よければご覧ください。 ホバーすると鋭くKTNさん HTML <!DCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <style> div.img { width: 394px; height: 425px; background: url(josei.png) no-repeat; } div.img:h…

    HTML, CSS, AMI

  2. 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