CSS導入の最後の準備

今までやってきたHTMLの知識を生かして、CSS導入の準備を行います。

このコードをそっくり真似てみてください。下に変更箇所を記載します。


・リストの上に「メニュー」の画像を追加

・リストにリンクを追加
※リンク先のファイルが決まっていないときは、「#(シャープ)」を用いることがあります

・リストの下にサンプルバナーを追加

・<p>タグ内に文章を追加

・文章の中で強調タグを追加
※文章の中で強調したい箇所には、<strong>タグを使います

※ボーダーは装飾なので、CSSで設定を行います

できましたか?
それでは始めましょう!


関連記事

  1. テストファイルを作ろう

  2. 表を作る

  3. メニューをデザインする

  4. “id”属性と”class”属性

  5. 文字のサイズを指定する

  6. 見出しをつける

お手本ナビの無料HPデザイン

ランダムピックアップ