ブログで使える簡単ＨＴＭＬタグ-１２
こちらは滋賀県商工会連合会が運営する 滋賀 ＳＨＩＰＳ ＮＥＴ のブログです。
滋賀県の優良企業集合体 滋賀 ＳＨＩＰＳ ＮＥＴ はこちら。
このブログのトップページはこちら。
↓以下本文です。↓
今回はリンクの文字の色を変えてみます。通常リンクタグを使うとこのような色になりますね。
記述はこうでした。
<a href="http://www.shipsnet.jp/">リンク先</a>
この”リンク先”という文字の色を変えるには、タグかもしくはスタイルシートで文字自体を指定しなおす必要があります。
１、フォントタグで指定
記述は以下のとおり。
<a href="http://www.shipsnet.jp/"><font color=red>リンク先</font></a>
２、スタイルシートで指定
マウスのポインタを重ねた時に背景の色が変化するように指定しました。
記述は以下のとおり。
<a href="http://www.shipsnet.jp/"><span style="color:red; background:white"onmouseover= "style.background='blue'"onmouseout= "style.background='white'">リンク文字</span></a>
どちらも文字への指定がリンクタグの内側に埋め込まれている事にご注意下さい。これを逆にしてしまうとうまく表示されません。このままコピーして必要な部分を書き直して使用してください。
※ここで言う「ブログ」とは当ブログ（ＭＯＶＡＢＬＥ ＴＹＰＥ）の事を指し、それ以外のシステムでは動作しない場合がありますのでご注意下さい。
