【サイト制作】サイドバーをつくる【2カラム】

プログラミング

シュテル(@sterchannel2020)です!

2カラムページ制作もいよいよ大詰め?

ですね、あとはサイドバーのエリアを作って完成です。

さっそく作っていきます👍

サイドバーの制作の流れ

<aside>内に<h3>でタイトル、<ul>でリストを設置する

サイドバーの項目名はh3

もう一つ<h3>作り、<p>でサイト説明文を設置する

CSSで表示の調整

コメントを入れておくとサイドバーについて書いた場所がわかりやすいです
見出しの文字、余白、下線とpの余白を指定
カテゴリリストの余白、中点外し、下線、マウス乗った時の色指定

2カラムページ完成!

シンプルですが2カラムのページを制作できました。

次回からはこれをスマホでも見やすくするための「レスポンシブ対応」をやってみます👍

タイトルとURLをコピーしました