アフィリエイト広告を利用しています

広告

posted by fanblog

ホームページの作り方 〜応用編06〜

2019年10月23日

みなさま、こんにちはー(*´ω`*)ノ
花です(*´ω`*)


今日(10月22日)は、即位礼正殿の儀ということで今年限定の「祝日」でした。

ちなみに、今年限定の「祝日」がもう一日あったことをみなさんご存じでしょうか?


私は、言われてみれば、あーなるほどと思ったのですが、5月1日の天皇の即位の日だったわけです。

まったく気づいてませんでした><


ということで、パレードと思っていたら、私テレビを見なさ過ぎて知らなかったのですが、祝賀御列の儀、つまり、パレードは11月10日になったのですね><

でも私、このパレードってあまり好きになれなくて……。

パレード自体が嫌いというわけじゃないんです。

パレードというと、アメリカの第35代大統領ジョン・F・ケネディの暗殺事件を思い出してしまい、どうしても私の中で、

パレード=怖いもの

となってしまっていて……。

私、前世でジョン・F・ケネディと接点でもあったんでしょうか(笑)


まあそんな冗談はおいといて、そんな感じでパレードが怖いので、きっとテレビでも見ないと思います……。




さて、今回も「ホームページの作り方 〜応用編06〜」をやっていきたいと思います!

今回は背景についてお話を書いていきたいと思います!




では、質問です。

日本の祝日は全部でいくつあるでしょう?

3択です。

@15 A16 B17


正解は、2番の16でした(*´ω`*)



ということで、本題です。

まず、基本の背景色の色を変えるところから。

「まず」というのは、背景は大きく分けて、

色を変える
画像を当てはめる

の2つがあるんです。

今回は背景の色の変え方をやっていこうと思います。

といっても、背景色の変え方に関してはもう、書き方だけで十分なんです(笑)


なぜなら、フォントカラー(文字色)でやった16進数をそのままつかうだけなんです(*´ω`*)


ということで、実際に背景を「赤!」だとちょっと色がきつくて目が痛いので優しい感じのアンティークホワイトにしたいと思います。

01.png


画像にもある通り、書き方は今回は全体の背景をクリーム色にしたいので、bodyに対して色を変えます。

body {
background-color: #faebd7;
}

と書きます。
※ちなみに、styleタグの中でも一番上に書いたのは、htmlのタグの順番的に並べた方が後で見やすいからです。

この#から後ろの部分は、上記にもありますがフォントカラー(文字色)でやった16進数と全く同じものなので、色々変えてみてくださいね(*´ω`*)

ということで、今回は背景色(バックグラウンドカラー)の変更の仕方でした。

次回は、背景に画像を置きたいと思います(*´ω`*)

ということで今回はこの辺でー(*´ω`*)ノ
~~~ヾ(*'▽'*)o マタネー♪










タグ:CSS
posted by at 11:00 | Comment(0) | ホームページ
この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

月別アーカイブ
花のツイッター
プロフィール

20180227_213331-2.png

名前
血液型
誕生日9月13日
出身地福岡県
趣味ゲーム
×

この広告は30日以上新しい記事の更新がないブログに表示されております。