PCインストラクターの川上です。
以前、記事の中の見出しを、このようなタグをコピペして使うとよいですよ~
と書いていましたが・・・
「見出し」をうまく使いましょう!
これは見出しです!
<div style="padding: 0px 0px 1px 5px; font-size: 1.2em; font-weight: bold; border-bottom-color: rgb(0, 0, 102); border-left-color: rgb(0, 0, 102); border-bottom-width: 2px; border-left-width: 8px; border-bottom-style: solid; border-left-style: solid;">これは見出しです!</div>
このようなご質問をいただきました。
この見出しの色を変える場合、どこの数字をかえたらいいのでしょうか?
それで、
<div style="padding: 0px 0px 1px 5px; font-size: 1.2em; font-weight: bold; border-bottom-color: rgb(0, 0, 102); border-left-color: rgb(0, 0, 102); border-bottom-width: 2px; border-left-width: 8px; border-bottom-style: solid; border-left-style: solid;">これは見出しです!</div>
あっ、それは
この中で色は
rgb(0, 0, 102)
この部分ですね。
ここをご自分の好きなカラーコード(色コード)に変えるとよいです。
ここで↑、色の指定にrbg( 0~255 , 0~255 , 0~255 )を使っていますが、カラーコードでもOKです。
ただし、カラーコードは一般的に
例えば、茶色の場合は、
#a52a2a
といった感じで、#(シャープ)と6桁の英数字になっています。
例えば、水色にするのであれば、
これは見出しです!
<div style="padding: 0px 0px 1px 5px; font-size: 1.2em; font-weight: bold; border-bottom-color: #1E90FF; border-left-color: #1E90FF; border-bottom-width: 2px; border-left-width: 8px; border-bottom-style: solid; border-left-style: solid;">これは見出しです!</div>
とカラーコードを#1E90FFに変えるとよいですね。
ただし、全角でなくて、半角文字にしてくださいね^^!
とお伝えしたのですが・・・
これだと左の線と下の線の色を変えるには、
の回答になってしまったことに気がついてしまいました・・・^^;
ご質問は
この見出しの色を変える場合、どこの数字をかえたらいいのでしょうか?
ですから、もしかして、見出しの文字の色のことかもしれないですね^^;
もし、そうならば、
これは見出しです!
<div style="padding: 0px 0px 1px 5px; font-size: 1.2em; font-weight: bold; border-bottom-color: rgb(0, 0, 102); border-left-color: rgb(0, 0, 102); border-bottom-width: 2px; border-left-width: 8px; border-bottom-style: solid; border-left-style: solid;"><font color="#ff0000">これは見出しです!</font></div>
のように、
<font color="#ff0000">見出しの文字</font>
を足して、カラーコード(赤色の部分)を変えてあげるとよいですね。
カラーコードについては、過去記事でも、『色の種類も教えてください』で書いていますので、ご覧になってみてくださいませ。
以上、パソコンワンポイントレッスンでした。
LIDS澄川・ライフデザインスクール
川上 雄大