見出し画像

【CSS】ヘッダーで大活躍!「aリンク」を広げる方法とは?!【学習メモ】

HTML

よくある「リスト」のコードです。

<body>
	<ul>
		<!-- ここにaリンクがあります -->
		<li><a href="hogehoge">1</a></li>
		<li><a href="hogehoge">2</a></li>
	</ul>
</body>

CSS

「aリンク」に対して、「display: block;」を指定してあげると、親要素(今回の場合は<li>)の範囲まで、aリンクを広げることができます。

a {
	display: block;
	}



@osakana1699もフォローしてね!

おすすめ記事


この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

note.user.nickname || note.user.urlname

「この記事おもしろい!」「おさかなは海に帰れ!」 「泳げないおさかな…なんて…!」と、思ったそこのあなた!!!! ぜひ!サポートよろしくお願いします🙇 様々なジャンルの本を読むために活用させていただきます✨ 「え、読書する新種のおさかなだ!」と思ったあなたも!今すぐタッチ!

いいことあるかも!
5

おさかな

文章が書けちゃう、新種のおさかなです。 ブログ「おさかなび -osakanav-」はじめました!→https://osakanav.com/

学習メモ

「プログラミング」で学んだことのメモ書きになります。「コード」をたくさん載せていくので、ぜひ参考にしてみてください!
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。