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

投稿者: | 2017年11月20日

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/


コメントを残す

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


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)