kuu♪からのお知らせ

長年公開してきたカスタムスキンへの道ですが、
新しいサイト　Harbot's field内の「ssブログ（so-netブログ）のカスタマイズ方法」　へ引っ越しをします。

徐々に時間をかけて引っ越す予定で、今よりも見やすいサイトに変更しています。

今後ともよろしくお願いいたします。

文字リンクの下線を変えよう

リンクの記述を下記のようにします。

全体のリンク色

a:link { text-decoration: none; color:#008100; border-bottom: 1px #A70303 dotted;} a:visited { text-decoration: none; color:#008100; border-bottom: 1px #A70303 dotted;} a:active { text-decoration: none; color:#008100; border-bottom: 1px #A70303 dotted;} a:hover { text-decoration: none; color:#008100; border-bottom: 1px #A70303 dotted;}

　■text-decoration: none;　下線なしという意味。必ず〔none〕にします。
　■color:#008100;　文字色。お好きな色を指定してください。
　■border-bottom: 1px #A70303 dotted;　
　　　　　　　　　・1px　　　　　線の太さ。数字はご自分で好きな数字にしてください。
　　　　　　　　　・#A70303　下線の色。お好きな色を指定してください。
　　　　　　　　　・dotted　　　下線の種類。お好きなものに変えてください。
　　　　　　　　　　　　　　　　　　　　　　　　solid（普通の線）
　　　　　　　　　　　　　　　　　　　　　　　　double（二重の線）
　　　　　　　　　　　　　　　　　　　　　　　　groove（谷型の線）
　　　　　　　　　　　　　　　　　　　　　　　　ridge（山型の線）
　　　　　　　　　　　　　　　　　　　　　　　　inset（凹型）
　　　　　　　　　　　　　　　　　　　　　　　　outset（凸型）
　　　　　　　　　　　　　　　　　　　　　　　　dotted（点線）　一部の古いブラウザでは未対応
　　　　　　　　　　　　　　　　　　　　　　　　dashed（大きい点線）　一部の古いブラウザでは未対応

---

自分が変えたい部分のみ変更も可能です。
私は、「記事本文」のみ変えることが多いです。

＊記事本文のみ変えるときは、全体のリンクの設定は通常通りにして、記事本文の下線変更のためのタグを書き加えます。

記事本文のリンク色（下線変更のためのタグ）

.articles-body a:link{ text-decoration: none; color:#008100; border-bottom: 1px #A70303 dotted;} .articles-body a:visited{ text-decoration: none; color:#008100; border-bottom: 1px #A70303 dotted;} .articles-body a:active{ text-decoration: none; color:#008100; border-bottom: 1px #A70303 dotted;} .articles-body a:hover{ text-decoration: none; color:#008100; border-bottom: 1px #A70303 dotted;}

 

タグ：ソネット ソネブロ ソネットブログ カスタムスキン So-net blog カスタマイズ 文字リンクの下線を変える

ありがとうございます♪♪

記事が役に立たれたら、下のバナーの興味があるものをクリックしてもらうとうれしいです。