ミラクルタウン

コピペするだけで簡単にホームページが作れます。
初心者の方でも簡単HP!
ホームページ作成コピペで作るHP

スタイルシートの設定スタイルシートの設定

htmlソースhtmlソース

<head> と</head> の間に貼り付けてください。

解説コードの使い方

青色の部分は半角英数で書き換えてください。

<style type="text/css">
<!--
スタイルを適用させたい要素{スタイルシートの内容}
-->
</style>

スタイルを適用させたい要素
要素は例えば、pbodyなどのことです。
<p>と</p>で囲んだ部分の 文字のデザインをしたい場合はp、ページ全体の背景などを設定したい場合は bodyというように、それぞれの要素ごとにスタイルを設定しましょう。解説解説
スタイルシートを設定スタイルシートを設定

例えば、body部分(ページ全体)の設定をしたい場合は

<style type="text/css">
<!--
body{background-image:url(bg.png); margin:20px;
text-align:center; font-size:x-small; color:#696969;
}
-->
</style>
こんな感じになります。

今回紹介したのはhtmlファイルに直接スタイルシートを設定する方法です。
一つ一つのページで別々の設定をしたいときに便利な方法です。

参考参考:
・htmlファイルとは別にスタイルシートを作る方法
外部スタイルシートを作る
・各要素に直接設定する方法
要素に直接スタイルシートを指定

素材屋ナビゲーション