1,117 views
この記事は最終更新から 2647日 が経過しています。
CSS
1) aタグを inline-block にする。
2) aタグの表示幅・高さを、親要素の全域(100%)にする。
a.in_block{ display: inline-block; width: 100%; height:100%; } div.button_frame{ width: 100px; height: 100px; border: 2px #000 solid; /* ただの装飾 */ text-align: center; /* ただの装飾 */ line-height: 100px; /* ただの装飾 */ }
HTML
<div class="button_frame"> <a class="in_block" href="https://www.yahoo.co.jp/">YAHOO!</a> </div>
実行サンプルはこちら。
https://www.dogrow.net/hp/sample/00033/