コピペするだけで簡単にホームページが作れます。
初心者の方でも簡単HP!
コピペで作るHP
<head> と</head> の間に貼り付けてください。
<style type="text/css">
<!--
スタイルを適用させたい要素{スタイルシートの内容}
-->
</style>
スタイルを適用させたい要素:
要素は例えば、pやbodyなどのことです。
<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ファイルとは別にスタイルシートを作る方法
外部スタイルシートを作る
・各要素に直接設定する方法
要素に直接スタイルシートを指定