背景

CSS

CSSで指定する見出しデザイン radial-gradient ドット(水玉)の背景

ドット(水玉)の背景を作る時は円グラデーションのradial-gradientを使う。 background-size: 20px 20px;→敷き詰める背景1マス分のサイズ。 background-image: radial-gradient(#ffbfbf 20%, transparent 0), radial-gradient(#ffbfbf 20%, transparent 0);
CSS

CSSで指定する見出しデザイン repeating-linear-gradient ストライプの背景

ストライプの背景を作る時は 線グラデーションを繰り返すrepeating-linear-gradientを使う。 background:repeating-linear-gradient(45deg, #ffe1e1, #ffe1e1 5px, #ffffff 5px, #ffffff 10px); (向き=角度,1つ目のグラデ―ションの開始カラーと開始位置,終了カラーと終了位置,2つ目の開始カラーと開始位置,終了カラーと終了位置)
CSS

CSSで指定する見出しデザイン linear-gradient グラデーションの背景

背景の線グラデーションの基本の書き方は background:linear-gradient(向き, 開始カラーと開始位置%, 終了カラーと終了位置%); ※グラデーションの開始位置が0%、終了位置が100%の時は、それぞれ省略できる。
タイトルとURLをコピーしました