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

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://hp.dogrow.net/sample/00033/


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です