一,background-position:(圖片定位)
三種寫法:
1):按%比,左上角最小(0%,0%),右下角最大(100%,%100);
2):(x,y)左上角最小(0,0),右下角最大(max,max);
3)top,center,left,right,bottom;
二,background-clip:
1,包含那一部分的值:border;padding;content;
三,background-origin:
1,從那一部分值開始:border;padding;con tent;
四,背景圖像是否固定或者隨著頁面的其余部分滾動。
1,scroll:隨著頁面的其余部分滾動
2,fixed :固定在窗口的某個位置。
五,漸變:
1,線性漸變:linear-gradient:
1)如果是角度:角度,過渡色;
2)如果是top。。。,方向前加to,后過渡色;
2,逕向漸變:radial-gradient:
1)默認是中心點漸變;
2)[size at left top]:其中size是漸變半徑。
3,重復漸變:
1)重復線性漸變:repeating-linear-gradient:格式跟線性漸變一樣。
2)重復逕向漸變:reoeating-radial-gradient:格式跟逕向漸變一樣。
轉載于:https://www.cnblogs.com/yzybc/p/5649602.html