背景色の設定

2色以上の色を背景に設定するときのメモ

使うcssプロパティはbackground:linergradientってやつ

グラデーションに使うやつだけどくっきりした色でも分けられるので便利だった。

 

 

〜使い方〜

例 <section id="concept">に使うとする。

 

css

#concept {

background:linergradient(red 50% , blue 50%);

これを使った場合 上半分が赤、下半分が青となる。

 

色の開始場所終了位置も決められる。

例 background:linergradient(red 0% 30% , blue 30% 100%);

こうやって指定したら要素の上30%が赤、30%から最後までが青となる。

 

素人すぎて覚えること多すぎ!