CSS(スタイルシート)で見出しを作る


このページでは見出しを作ってみましょう。

見出しの例は以下のようになります。

見出しの例

↓<head>〜</head>又は外部CSSに↓

↓<body>〜</body>に↓

↓HTMLタグに直接付加する場合は(インライン)↓

◎スタイルシートのポイント◎
(サンプルスタイルシートと照らし合わせながら変更して下さい)

  • font-size:数字px;[文字の大きさ(数字の大小)]
  • color:カラー;[文字の色(カラーコード参照)]
  • text-align:位置;[枠内文字の位置center(中央) - left(左側) - right(右側)]
  • border:数字px 形式 カラー;
    [数字px(枠の太さ)]
    [枠の形式none(枠なし) - solid(実線) - double(二重線) - dotted(点線) - dashed(破線) - groove(へこみ線) - ridge(立体線)]
    [枠の色(カラーコード参照)]
  • background-color:カラー;[背景の色(カラーコード参照)]
  • padding:数字px;[枠と文字の間隔]
  • margin-bottom:数字px;[枠外下側の間隔]
  • width:数字;[枠の横幅]
  • h1タグは[h1〜h6]や[div][span][p]などのタグでも同じように指定することが可能です。

[h1〜h6]のような見出しタグは使用するとSEO(サーチエンジン対策)になりますが 逆に使用しすぎるとスパム行為と判断されてロボットにはじかれてしまうので多用は避けましょう。