ホームページの作り方 〜応用編06〜
2019年10月23日
みなさま、こんにちはー(*´ω`*)ノ
花です(*´ω`*)
今日(10月22日)は、即位礼正殿の儀ということで今年限定の「祝日」でした。
ちなみに、今年限定の「祝日」がもう一日あったことをみなさんご存じでしょうか?
私は、言われてみれば、あーなるほどと思ったのですが、5月1日の天皇の即位の日だったわけです。
まったく気づいてませんでした><
ということで、パレードと思っていたら、私テレビを見なさ過ぎて知らなかったのですが、祝賀御列の儀、つまり、パレードは11月10日になったのですね><
でも私、このパレードってあまり好きになれなくて……。
パレード自体が嫌いというわけじゃないんです。
パレードというと、アメリカの第35代大統領ジョン・F・ケネディの暗殺事件を思い出してしまい、どうしても私の中で、
パレード=怖いもの
となってしまっていて……。
私、前世でジョン・F・ケネディと接点でもあったんでしょうか(笑)
まあそんな冗談はおいといて、そんな感じでパレードが怖いので、きっとテレビでも見ないと思います……。
さて、今回も「ホームページの作り方 〜応用編06〜」をやっていきたいと思います!
今回は背景についてお話を書いていきたいと思います!
では、質問です。
日本の祝日は全部でいくつあるでしょう?
3択です。
@15 A16 B17
正解は、2番の16でした(*´ω`*)
ということで、本題です。
まず、基本の背景色の色を変えるところから。
「まず」というのは、背景は大きく分けて、
色を変える
画像を当てはめる
の2つがあるんです。
今回は背景の色の変え方をやっていこうと思います。
といっても、背景色の変え方に関してはもう、書き方だけで十分なんです(笑)
なぜなら、フォントカラー(文字色)でやった16進数をそのままつかうだけなんです(*´ω`*)
ということで、実際に背景を「赤!」だとちょっと色がきつくて目が痛いので優しい感じのアンティークホワイトにしたいと思います。
画像にもある通り、書き方は今回は全体の背景をクリーム色にしたいので、bodyに対して色を変えます。
body {
background-color: #faebd7;
}
と書きます。
※ちなみに、styleタグの中でも一番上に書いたのは、htmlのタグの順番的に並べた方が後で見やすいからです。
この#から後ろの部分は、上記にもありますがフォントカラー(文字色)でやった16進数と全く同じものなので、色々変えてみてくださいね(*´ω`*)
ということで、今回は背景色(バックグラウンドカラー)の変更の仕方でした。
次回は、背景に画像を置きたいと思います(*´ω`*)
ということで今回はこの辺でー(*´ω`*)ノ
~~~ヾ(*'▽'*)o マタネー♪
花です(*´ω`*)
今日(10月22日)は、即位礼正殿の儀ということで今年限定の「祝日」でした。
ちなみに、今年限定の「祝日」がもう一日あったことをみなさんご存じでしょうか?
私は、言われてみれば、あーなるほどと思ったのですが、5月1日の天皇の即位の日だったわけです。
まったく気づいてませんでした><
ということで、パレードと思っていたら、私テレビを見なさ過ぎて知らなかったのですが、祝賀御列の儀、つまり、パレードは11月10日になったのですね><
でも私、このパレードってあまり好きになれなくて……。
パレード自体が嫌いというわけじゃないんです。
パレードというと、アメリカの第35代大統領ジョン・F・ケネディの暗殺事件を思い出してしまい、どうしても私の中で、
パレード=怖いもの
となってしまっていて……。
私、前世でジョン・F・ケネディと接点でもあったんでしょうか(笑)
まあそんな冗談はおいといて、そんな感じでパレードが怖いので、きっとテレビでも見ないと思います……。
さて、今回も「ホームページの作り方 〜応用編06〜」をやっていきたいと思います!
今回は背景についてお話を書いていきたいと思います!
では、質問です。
日本の祝日は全部でいくつあるでしょう?
3択です。
@15 A16 B17
正解は、2番の16でした(*´ω`*)
ということで、本題です。
まず、基本の背景色の色を変えるところから。
「まず」というのは、背景は大きく分けて、
色を変える
画像を当てはめる
の2つがあるんです。
今回は背景の色の変え方をやっていこうと思います。
といっても、背景色の変え方に関してはもう、書き方だけで十分なんです(笑)
なぜなら、フォントカラー(文字色)でやった16進数をそのままつかうだけなんです(*´ω`*)
ということで、実際に背景を「赤!」だとちょっと色がきつくて目が痛いので優しい感じのアンティークホワイトにしたいと思います。
画像にもある通り、書き方は今回は全体の背景をクリーム色にしたいので、bodyに対して色を変えます。
body {
background-color: #faebd7;
}
と書きます。
※ちなみに、styleタグの中でも一番上に書いたのは、htmlのタグの順番的に並べた方が後で見やすいからです。
この#から後ろの部分は、上記にもありますがフォントカラー(文字色)でやった16進数と全く同じものなので、色々変えてみてくださいね(*´ω`*)
ということで、今回は背景色(バックグラウンドカラー)の変更の仕方でした。
次回は、背景に画像を置きたいと思います(*´ω`*)
ということで今回はこの辺でー(*´ω`*)ノ
~~~ヾ(*'▽'*)o マタネー♪
タグ:CSS
この記事へのコメント
コメントを書く