CSS で セル や 行自体 を クリック可能 な リンク にする

cssで1行全体をクリック可能なリンクにする場合
display: block;
を利用できます。

<a href="x.html" class="customlink">リンクA</a>
<a href="y.html" class="customlink">リンクB</a>
<a href="C.html" class="customlink">リンクC</a>

a.customlink {
  display: block;
}

さらにHTML、CSSに関する知識を深められたい場合、筆者も利用しているUdemyで学習することをお勧めします。
参考までに、初心者にもおすすめのプログラムは
WEBデザイン講座 Level0《対象：ゼロから始める超初心者の方》HTML と CSS に必要な基礎知識を学習します。
です。このプログラムは少し値段がするため、購読には勇気がいると思いますが、実際にサイトを作りながら要点がわかりやすく解説されているため、初心者にとてもおすすめです。
ぜひチャレンジしてみてください。
以下リンクで表示されるページの検索窓で上記プログラムを検索することで購読できます。
Udemyのプログラム言語一覧ページはここから。
ぜひご活用ください！

CSS一覧に戻る