ひなこの楽天web制作研究所

昨日、スパンタグを使ってボタンのようなリンクを作ってみました。

こんなの。

とりあえずためにに押してみる？

↑押すと拍手音がします。BBSより気軽にメッセージを送る方法として考案されたもの。


で、このソースです。

<a href="URL" target="_blank"
style="text-decoration:none;color:black;">
&kt;span style="border-top: 1px solid #F6F6F6;border-bottom: 1px solid #919191;border-left: 1px solid #B3B3B3;border-right: 1px solid #B3B3B3;margin: 5px;padding: 2px 20px;background: #DCDCDC;font-size:12px;">ボタンのラベル</span></a>


ていうふうにかいてたんですが、実はaタグの中にspanタグで、枠の指定をしなくても、aタグ自体に設定すればよかったということにあとで気づきました。

<a href="URL" target="_blank"
style="text-decoration:none;color:black; border-top: 1px solid #F6F6F6;border-bottom: 1px solid #919191;border-left: 1px solid #B3B3B3;border-right: 1px solid #B3B3B3;margin: 5px;padding: 2px 20px;background: #DCDCDC;font-size:12px;">ボタンのラベル</a>

こんなかんじで。

ボタンのラベル

あ、ちなみに、楽天日記では改行すると間に表示時に
タグが入るので、<a style="　から　">までの間に改行したらだめですよ～。

今日はこの辺で～。