記事内の見出しの色を変える場合、どこの数字を変えたらいいのでしょうか | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…

こんにちは、パソコンワンポイントレッスン!

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澄川・ライフデザインスクール
川上 雄大