あっという間に、2月が終わりましたね。

もう、公立高校や私立高校の3年生はもうすぐ卒業シーズンですね。

卒業に向けていろんな思い出つくりをしている模様ですが…

悔いのない高校生活を過ごせてきたのでしょう。

こっちは、高校生活の中では半々、悔いの残る高校生活でしたが…

話長くなりますが…

さてと、話題を取り戻して…

リンクボタンの忘備録

先方のお客様の依頼で、リンクボタンの部分が反応しないというクレーム…

テキスト部分を乗せたら、リンクが反応するのに、リンクボタンが反応しないという初歩的なミス…

中身を覗いてみたら、他業者が作った適当すぎるリンクボタン…

<div class="btn">
	<a href="#" title="リンクボタン">リンクボタン</a>
</div>

ここまでの設定は間違っていません。

次は、CSSを見てください！

.btn {
	background: #999;
	border-radius: 5px;
	display: block;
	margin:0 auto 50px;
	padding: 10px;
	width: 300px;
}

.btn a {
	text-decoration: none;
}

CSSを見て何か気づいたことありましたか？

答え合わせはまた後日に教えますね。

ではまた！