HOME > スタイルシート講座 > スタイルシートの作り方　　　　

スタイルシートの作り方

まず、背景色をスタイルシートに設定してみます。
以下のように同じフォルダ内にtest.cssとtest.htmというファイルを作ります。

ファイル名：test.css

body { background-color:#0000FF }

【説明】
<body>のbackground-color(背景色)という属性に#0000FF(青)という色をセットしています。

ファイル名：test.htm

<html>

<link rel="stylesheet" type="text/css" href="test.css">

<body>
　スタイルシートを使って、背景色を設定しています。
</body>
</html>

【説明】
<link rel="stylesheet" type="text/css" href="../style.css">でスタイルシートを読み込んでいます。

test.htmを開くと背景色は「青」になりましたか？
<body>に色指定をしなければ、スタイルシートが既定値になります。

この例では、test.htmに<body backgorundcolor=#0000FF>と記述するのと同じですが、
これをすべてのhtmファイルに書くとなると手間がかかります。
面倒な設定を一箇所でしよう、というのがスタイルシートの考え方です。

サンプル

スタイルシートの作り方

スポンサードリンク