スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサーサイト/--/--/-- --:--/スポンサー広告/ トラックバック(-)/コメント(-)

リンク文字の背景領域でもクリック可能にする

エントリータイトルなどリンクの文字だけではなく背景も含めてクリックできるようにするには

HTML
<h2>エントリータイトル</h2>

CSS
h2 {
font-size:20px;
}
h2 a{
display:block;
border-left: 20px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
background: #f0f8ff;
padding: 10px;
}

DEMO
水色のところ全体がクリックできる

DEMO エントリータイトル DEMO


リンク文字の背景領域でもクリック可能にする/2015/01/03 13:14/css/ トラックバック(-)/ comment(0)

comment

投稿















管理者にだけ表示を許可する

| ホーム |

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。