AJYA https://blog.hatena.ne.jp/AJYA/ ソフトウェア開発者の日常 https://ajya.hatenablog.jp/ CSS Webページおいて、liタグ内にaタグがあり、aタグ内にimgタグというマークアップがしてあります。 imgタグで指定した画像をクリックすると、遷移するようになっています。 <ul> <li><a href="page1.html"><img src="page1.png"></a></li> <li><a href="page2.html"><img src="page2.png"></a></li> </ul> liタグの高さと幅が、画像と一致していれば、liタグだけをクリックできず、画像をクリックして遷移するので違和感はありません。 liタグの高さと幅が、画像より大きかった場合、画像の周… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fajya.hatenablog.jp%2Fentry%2F2020%2F06%2F05%2F130000" title="liタグ全体をリンクにしたい場合の対処方法 - ソフトウェア開発者の日常" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/A/AJYA/20200605/20200605125524.png Hatena Blog https://hatena.blog 2020-06-05 13:00:00 rich https://ajya.hatenablog.jp/entry/2020/06/05/130000 1.0 100%