リンク色々

リンク色々


さて 今日は… 何しましょう?(笑)
リンクのあれこれでも 書きましょうかね。。。``r(^^;)ポリポリ

*リンク文字のバックに色を付ける。
*リンクに画像を使った時の枠を消す。
*メール送信させる

これをやってみたいと思います♪


*** リンク文字の背景に色を付ける ***

ここで使うタグはコレ↓

<a href="リンク先のURL" style="background-color:背景の色">
★表示される文字★
</a>

TOPのURLを置き、背景の色に『pink』を指定した場合 こうなります。

TOPへ

目立たせたいリンク等に使います。。。
※ココの色指定は、RGB指定をすると 違う色になってしまいます★
 正しい色で表示させたい場合は、色名を使って下さい×××


*** リンク画像の枠を消す ***

ここで使うタグはコレ↓

<a href="リンク先のURL">
<img src="~.gif"(画像URL) border="0" >
</a>

通常、そのままのリンクスタイルでは、
バナー …となりますが、
この『border="0"』を入れる事で、
バナー …こうなる訳 です。v(=∩_∩=)


*** メールを送信させる ***

ここで使うタグはコレ↓

<a href="mailto:メールアドレス">
表示させる文字</a>

ここで注意する事は、相手のブラウザーを起動させて送信するので、
相手にメールアドレスを知らせてしまう事になります。
ですから、もし アドレスの表示がイヤであれば このタグを使わず、
通常のリンクにして、広場の『メッセージ送信ページ』をリンク先に指定し、
表示される文字や画像を『Mail』等にすればOKです♪

メールはこちら ↑こんな感じ♪

参考まで’☆,。:*:・゜



© Rakuten Group, Inc.
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: