文字の色を変える
~まずやってみよう~
※共有テンプレート「asagi-simple01」を使った例です。
スタイルシートで↓の部分をさがす。(上のほう。開いてすぐのところです。)
body { color : #333333; background-color : #ffffff; text-align : center; line-height : 1.5; font-size : 13px; }
赤い部分を「00ff00」と半角文字で書き換えて、プレビューを押して下さい。
~解説~
文字の色が緑色にかわりましか?(リンク部分除く、後に説明します)
このテンプレートでは、この1箇所を変更することで文字色が指定した色に変わります。部分的に色を変えたい場合は、別の操作が必要になります。(後に説明します。)
#に続いて「0,3,6,9,c,f」を使った半角6桁の値を入力することで、色が変わります。(色の一覧はこちら)
<例>
#000000
#FF6666
#FF0000
#669933
#33FFCC
※6桁の数字の後にある、「;」を削除してしまうと、正しく表示されなくなります。誤って削除しないよう気を付けてください。