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


株式会社イノベーションのエンジニアたちの技術系ブログです。ITトレンド・List Finderの開発をベースに、業務外での技術研究などもブログとして発信していってます!


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

Tag: C-S-S


  1. CSSでアコーディオンメニューを実装

    こんにちは、亜美です。 一ヶ月ぶりにブログを書きます。 CSSでaccordionメニューを作りました! 完成品 <!DCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <style> .menu { width: 320px; margin: 0 auto; } .menu a { display: block; paddin…

    AMI, HTML, CSS, accordionMenu

  2. 梅雨なので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

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