背景色の付け方

背景色の付け方

【background: red;】

背景の色が赤になる

背景色を2色にしたい時

 【background: linear-gradient(90deg, red 0%, red 50%, green50%, green 100%);】

90degで背景色の角度が90度になる(この場合左側がred、右側がgreen)

(上下にしたい場合は180deg)

red 0%, red 50%で左側のredを表示する割合を指定(この場合左半分がred)

green50%, green 100%で右側のgreenを表示する割合を指定(この場合右半分がgreen)

背景色をクラデーションにしたい時

【background: linear-gradient(to right, red 0%, green 100%);】

to rightで左から右に向かって色が変わる

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です