最後の仕上げに、CSS講座

P-5(S-12).編集 緑の背景色 ページ19

.


編集画面の背景には画像(緑の花)があるので、ただ背景色を指定するだけでは色が変わりません。
画像なら上から設定されるので大丈夫なのですが。
かなりお粗末になりがちなところ。

編集画面までこだわりたいCSSに使ってみてください(それがCSS講座のコンセプトですし……)。
結構雰囲気が変わりますよ。

セレクターとプロパティの2つを設定することになりますので、番号が2種類なんです。

▶ソース【𝕤𝕠𝕦𝕣𝕔𝕖】
body{
background:#カラーコード;
}

bodyもbackgroundも占ツクCSS辞典(夢乃ふわり様)に載っておりますが、編集画面という小技なので恐らく大丈夫かと考えております。

background-colorでは意味がありません。
backgroundだけにしてください。
仕組みは割愛。
ちなみに、これと同じ仕組みでここのCSSはあの緑の画像をすごく引き伸ばしています。

ちなみに、これを使うと、background-sizeとかも一気にまとめられるようになりますよ。
順番は何でもいいらしいですが、占ツクでは順番を固定されています。

background:#色(color) url(画像URL) 配置(position) 繰り返し(repeat)/サイズ(size)
という順番以外は効きません。何で？
repeatとsizeはスラッシュ区切り必須です。

▶まとめ【𝕤𝕦𝕞𝕞𝕒𝕣𝕪】
【background】で、作品編集画面の背景色が変わる。

S-13.過去最高〇〇位→←S-11.編集 検定作品背景

→ 目次へ｜作品を作る｜感想を書く
他の作品を探す