メモ帳を開きます
（スタート→プログラム→アクセサリー→メモ帳クリックです）
保存しているindex.htmファイルをメモ帳までドラッグします
ページの背景に色を付ける場合、body{～}の中にbackground-colorの設定を追加します
background-colorは背景の色を設定するためのものです
ここでは「;background-color:#f0f8ff」を追加しました。
|
<html> <head> <title>色探しの旅</title> <style type="text/css"><!-- body{color:#666666;background-color:#f0f8ff} h1{font-size:25px; font-family:'Comic Sans MS';color:royalblue} span.iro{color:olive;font-weight:bold} span.sora{color:navy} p{width:360px;text-align:left} --></style> </head> <body> <div align="center"> <h1>色探しの旅『Sky&Water』</h1> <p>日本の四季には色が満ちています。<span class="sora">空</span> そして<span class="sora">水</span>の色<span class="iro">『色探しの旅』</span>に出かけませんか</p> <div>copyright(c)sora</div> </div> </body> </html> |
ファイル→上書き保存
index.htmをクリックして開き確かめます。
Yこのindex.htmファイルは（メモ帳、ブラウザー共に）まだ閉じないでくださいね。
これからまだ続きを編集しますから
※background-color設定できる値
| １６進数値 | #ffffffなど |
| 色の名前 | red、blueなど |