CSS(スタイルシート): CSSの書き方 1

CSS(スタイルシート): CSSの書き方です。

サイト制作をしていて、ブログを作っていてどうもページのデザインが気に食わない。 もっとかっこいい、可愛いデザインにしたい。描きたいデザインをスタイルシートに 記述する事で、自由に好きなデザインにすることができます。

 

黒っぽい色の文字です。
[html]
<span>黒っぽい色の文字です。</span>
[/html]

文字をCSSで指定しないと黒っぽい色のままです。 CSSにコードを書いて文字を青っぽい色にしてみましょう。

 
[css]
span {
color: #49BDF0;
}
[/css]

 

青っぽい色の文字になりました。

 

書き方は、デザインしたい[タグ]にカギ括弧をつけます。カギ括弧の中にデザインしたいことを記述します。今回は色を変えたいので、「color」を使います。これは文字の色を指定してくれます。色は「#49BDF0」にしています。「color : #49BDF0;」と書きます。

CSSを使えば、規則正しくデザインができます。

コメントを残す