(33) div矩形内のどこを押してもリンク

1,615 views

この記事は最終更新から 3138日 が経過しています。

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/