私の日常

私の日常

2021.08.11
XML
カテゴリ: HTMLを知る
ここまでは、htmlを追加したり
なんとか、ページを作成することに成功しました。

ここで、すっかり忘れていたcssにも手を加えて
もっと良いページを作りたいと思います。

放置していたcssを開きます。
確か、段落の文字の色を青にするという命令のみ
書き込んでいました。

今回は、ページの色を付けていきたいと思います。

↓

​ ​h1{coler:blue;} ​​
​​​ ​body{background-color: yellow;}

↑
青色の部分は、すでにあったものです。
段落を青色にするという部分です。

赤色の部分が、本文を黄色にするという意味です。​ ​​

解説はなくてもなんとなく理解しやすいですね。

body部分の、 ​
​background-colorを、
yellowにする

という内容です。

これを、css形式で保存します。

すでに保存してあるので上書き保存でもいいと思いまsが、
私はうまく反映されなかったので、

一度、削除して新しく名前を付けて保存しました。






名前は、test.cssです。stylesheetに保存しました。
なぜかというと、
私が使うhtmlには、stylesheetにあるtest.cssに反映させるように書いてあります。​

さあ、デスクトップにあるhtmlを開いてみましょう。





黄色になりました。

うまく反映されました。

好きな色を付けて楽しめそうです。









お気に入りの記事を「いいね!」で応援しよう

最終更新日  2021.08.11 16:33:50
コメント(0) | コメントを書く
[HTMLを知る] カテゴリの最新記事


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: