CSSでボックス全体をリンクにしたのですが、ボックス内の文字をクリックしないと反応しません。コードは以下なのですが、<a>タグを<div>タグの外に出すと、今度はボックスの左右外側もリンクになってしまいます。
ボックスのどこをクリックしてもリンクになるようにするにはどうすればよいでしょうか?
HTML
1<div class="box"> 2 <a href="#"> 3 <h1 class="moji">投稿する</h1> 4 </a> 5</div>
CSS
1.box{ 2 width: 500px; 3 padding: 20px; 4 background: #00BFFF; 5 text-align: center; 6 border-radius: 15px 15px 15px 15px; 7 margin: 0 auto; 8} 9.box:hover{ 10 opacity: 0.5; 11} 12 13a{ 14 text-decoration: none; 15} 16 17.moji{ 18 color: #ffffff; 19}
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。