読み込み中の背景色 ページ12
##
みなさんは背景に、
色 と 画像 を同時に設定できることを知っていますか？
実は、両方設定できるんです！
とはいっても、色の上に画像がのっている感じになるので、実際は画像が見える形になります。
意味がないように思うかもしれませんが、この２つは読み込み速度がかなり違います。
画像より色の方が読み込みが早いので、
{
background-color:#カラーコード;
background-image:url(画像URL);
}
というふうに設定すると、画像が読み込まれるまでの間、カラーコードの色が背景になります。
せっかくきれいなCSSでも、読み込みの間がデフォルト画像だとちょっとガッカリ、なんてこともあるので、背景画像に近い色を設定しておくといいでしょう。
ちなみに、この２つはまとめて、
{
background:#カラーコード url(画像URL);
}
とかくこともできます。
このようなものをショートハンドプロパティ、と言います。
実は「border」もショートハンドプロパティです。
慣れてくると便利なので、興味があったらぜひ調べてみてくださいねー。
##
この小説をお気に入り追加 (しおり)
登録すれば後で更新された順に見れます 134人がお気に入り
お気に入り作者に追加
この作品を見ている人にオススメ
この作品を見ている人にオススメ
「CSS」関連の作品
違反報告 - ルール違反の作品はココから報告感想を書こう！(携帯番号など、個人情報等の書き込みを行った場合は法律により処罰の対象になります)
さくさく - 参考にさせていただきます。ありがとうございます！ (12月13日 19時) (
レス) id: 8125d01b3c (このIDを非表示/違反報告)
青い鳥 - 参考にさせてもらいました。関係ないんですけど１００票目に評価しました (10月17日 17時) (レス) @page27 id: 55adadd6b3 (このIDを非表示/違反報告)
ぽんきち丸ドリーム号(プロフ) - 参考にさせていただきました、、！ありがとうございます！！ (7月10日 9時) (レス) @page27 id: 2431247bf4 (このIDを非表示/違反報告)
雨の緑茶。(プロフ) - ゆゆゆ。さん» 失礼します。em7様とは関係のない者ですがご回答させていただきます。もう解決されているかなと思いますが、一応https://uranai.nosv.org/u.php/novel/hetadesum4/の「画像のサイズ変更」ページに載っているかと。 (2023年3月17日 14時) (レス) id: 2f0ba08fc2 (このIDを非表示/違反報告)
おはぎ(砂糖・おはぎサブ垢) - 参考にさせていただきました (2022年11月27日 11時) (レス) @page35 id: dfee7c88d4 (このIDを非表示/違反報告)
作品は全て携帯でも見れます
同じような小説を簡単に作れます → 作成
この小説のブログパーツ
