css背景屬性
阿新 • • 發佈:2018-05-01
變色 屬性 AD 垂直 repeat 默認 漸變 border size
1. background-repeat表示背景是否平鋪{no-repeat不平鋪/repeat-x從水平方向平鋪/repeat-y從垂直方向平鋪 默認值平鋪}
2. background-size表示背景圖的大小{寬度 高度}
3. background-position表示背景圖的位置{垂直距離 水平距離}
4. background-attachment表示背景關聯{fixed}長內容背景固定不隨文字上下動
5. background-clip背景剪裁{padding-box在內邊距以內顯示/border-box在邊框以內顯示/content-box在內容盒中顯示}
6. background:linear-gradient(第一個參數表示漸變色方向,第二個參數表示漸變開始的顏色,可以加好幾個顏色(過渡的顏色)...最後一個參數表示結束的顏色)表示背景漸變色
7. background:repeat-linear-gradient(第一個參數表示線性漸變的方向,第二個參數表示第一個顏色以及開始位置,第三個參數表示第一個顏色以及結束位置,顏色...倒數第二個參數表示最後一個顏色以及起始位置,最後一個參數表示最後一個顏色以及結束位置)表示背景線性漸變
8. background:radial-linear-gradient(circle,顏色)表示從圓心開始向外呈現同心圓漸變
9. background-origin{content-box從內容框開始/border-box從邊框開始/padding-box表示從內邊距框開始}表示背景圖片或者背景色的起始位置,當屬性background-attachment為fixed時無效
css背景屬性