JoyWave便利箱「文字に背景色をつける」

文字に背景色をつける

■実際にどうなるの？

文字色が「黄色」で、背景色が「紺色」です。

文字色が「黒色」で、背景色が「薄緑」です。

文字色が「白色」で、背景色が「赤色」です。

文字色・文字の背景色とも変えることができます。

■ソース

文字色が「黄色」で、背景色が「紺色」です。



文字色が「黒色」で、背景色が「薄緑」です。



文字色が「白色」で、背景色が「赤色」です。

■どうするの？

<body>～</body>間の好きなところに、上のソースを貼り付けます。
この方法はスタイルシートを利用したもので、細かく設定ができます。

赤色部分は変更できます。（一番上を例にしています）

font-size:20px	文字の大きさを変えることができます。
line-height:150%	文字の大きさに対する行ピッチを比率で表してみました。大きいほど、行間が空きます。
background-color:#000099	これが、文字の背景色（ #000099 は紺色）です。
color="#ffff00"	こちらは、文字色（ #ffff00 は黄色）です。

実際に利用されて「これは良かった」内容がありましたら、教えてください。
少しずつ充実させていき、本当の意味での「便利箱」にしたいと思います。