タグ「HTML」に関連するページ一覧 2ページ目

  • html5 ボーダーのスタイルで罫線を表示する

    pタグとh1タグの段落と見出しで読みやすい文章構成を作成する方法は段落と見出しを表示して、見た目をわかりやすくしました。今回は罫線を引いて、より見た目をわかりやすくする方法を紹介します。文字色を変える...


  • html5 ブロック要素とインライン要素を理解する

    htmlの要素には大きく分けてブロック要素とインライン要素があります。今回はこの2つの要素の違いについて説明します。例えば以下のhtmlで、トマトについての説明の箇所の背景色を赤、ピーマンについての説...


  • html5 classを使って同じstyleをまとめる

    スタイルを各要素の中にたくさん書くとわかりづらくなってしまいます。以下のように、同じスタイルを複数の箇所に記載しているときは、classを使えば同じスタイルを1箇所にまとめることができます。クラスはh...


  • html5 marginとpaddingで余白を設定する

    htmlで余白の設定をするときは、marginとpaddingのスタイルを使用します。例えば、以下のように色を分けて表示しても、要素どうしがくっついてしまい、わかりづらくなってしまいますので、余白を設...


  • cssだけでホバー時にバルーンポップアップを表示させる

    javascriptを使わず、cssだけでマウスホバー時に、バルーンポップアップを表示させる方法を紹介します。完成形は以下のようなイメージです。最初に完成形のcssを記載します。cssはjavascr...


  • cssで三角形を表示する方法

    画像を使わずに、cssでスタイルを指定するだけで三角形を表示させる方法を紹介します。三角形を表示させるにはborder(枠線)を使用します。なぜborderで三角形を作れるのか、まずはその説明をします...