一、分類
1.背景顏色
2.背景
3.背景平鋪
4.背景位置
5.背景影象固定
二、背景顏色
1.格式：background-color: 選擇顏色
三、背景
1.描述了元素的背景影象，優點：便於控制位置
四、背景平鋪
1.對背景影象進行平鋪
2.格式：background-repeat: repeat | no-repeat | repeat-x | repeat-y
repeat: 背景影象在縱向和橫向平鋪
no-repeat：背景影象不平鋪
repeat-x：背景影象在橫向上平鋪
repeat-y：背景影象在縱向平鋪
五、背景位置
1.可以改變在背景中的位置
2.格式：background-position: x y;
x座標和y座標，可以用方位名詞或者精確單位
方位名詞：top center bottom left center right
精確單位：百分數｜由浮點數字和單位識別符號組成的長度值
3.如果指定的兩個值都是方位名詞，則兩個值前後順序無關，比如 left top 和 top left 效果一至
4.如果只指定了乙個方位名詞，另乙個值省略，則第二個值預設居中對齊
5.如果引數值是精確座標，那麼第乙個肯定是x座標，第二個一定是y座標
6.如果只指定了乙個數值，那該數值一定是x座標，另乙個預設垂直居中
7.可以混合單位，乙個是數值乙個是方位名詞
六、背景影象固定
1.設定背景影象是否固定或者隨著頁面的其餘部分滾動
2.格式：background-attachment：scroll | fixed scroll是滾動，fixed是不滾動
七、背景屬性復合寫法
1.簡約**
2.沒有順序要求
八、背景色半透明
1.background: rgba(0,0,0,0.3)
最後乙個數值alpha透明度，取值範圍在0—1之前
九、總結
CSS背景屬性
背景顏色屬性 background color 這個屬性為html元素設定背景顏色，相當於html中bgcolor屬性。body 上面的 表示body這個html元素的背景顏色是翠綠色的。背景屬性 background image 這個屬性為html元素設定背景，相當於html中background...
CSS背景屬性
一 背景顏色 屬性 background color 取值 任何合法顏色或者transparent 注意 背景顏色會填充到元素的內容區域以及邊框區域 二 背景影象 作用 以圖象作為元素的背景 屬性 background image 取值 url 背景影象路徑 三 背景重複 屬性 background...
css背景屬性
css背景屬性 目錄 background attachment背景附件 設定背景影象是否固定或者隨著頁面的其餘部分滾動 background clip背景修剪 規定背景的繪製區域 background origin背景 規定 background position 屬性相對於什麼位置來定位 bac...