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

2019年7月27日 09:23

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もフォローしてね！

おすすめ記事

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