記事内のリンク色を変更する

CSS に記事本文、記事追記文のリンク色の設定を、新たに書き込みます。

記事本文、記事追記文の設定を行なう指示をする場所は、.main,.mainmore{ } ですから、この中のリンク （ ＝ a href ・・・ ） に対する指示を書き込めばよいわけです。このような感じになります。(._.)


のような感じです。#○○○... は適当に任意の色コードに変更して下さい。書き込む場所は適当な所でよいですが、わかりやすいように、.main,.mainmore{ } の近くにしておくほうが整理できて良いと思います。

もし上の記述で思うように変化しなければ、こうして下さい。(._.)

main と mainmore を分けて記述していただきます。



これで CSS を保存。CSS の再構築を行ないます。

その他に、リンクさせる文章ごとにリンク色を変更する事も可能です。通常はリンクしている文章の色は青だけど、この文章だけは赤色でリンク表示させたい時などは、そのリンクさせた文章の前後を <div> で囲み、CSS にそれの指示を書き込んでおきます。こんな感じです。(._.)

まず CSS の中に、こう書き込みます。


そして、記事本文内の一部分だけ色の変更をしたいリンクテキストを <div> で囲みます。


説明の為に、クラスの属性名を link-aka としましたが、ここはどんな名称でもかまいません。あなたの好きな任意の名称で設定して下さい。となると、CSS の中の .link-aka もその任意で付けた名称にしなければならない事を、必ず忘れないようにして下さいね。

これで、その文章だけ 赤色 に個別リンク表示されます。ε-(´∀｀*)ﾎｯ