1.在寫網頁樣式的時候，css背景是十分常用的屬性，用於定義元素的背景樣式。
2.當只設定了背景時，背景大小預設是自身原本的尺寸，的左上角和元素的左上角點對齊。
3.背景預設佔據content，padding，border不包括margin。
1.background-color:定義了元素的背景顏色，可以使用任何合理的顏色值，值為transparent時背景顏色為透明。可以和背景同時定義。
2.background-image:定義了元素的背景路徑。
3.background-repeat: 定義是否重複背景
4.background-size:定義了元素的背景大小
100px 100px: 固定畫素取值，字面意思就是背景的大小
100% 100%: 以元素本身的大小作為參考
contain: 等比例縮放展示整張
cover: 等比例方法佔滿這個元素。
5.background-position:是乙個縮寫屬性，用於定義的起始位，即可改變預設的對齊方式（左上角對齊）
background-position-x:left,right,10px,10%
background-position-y:top,bottom,10px,10%
需要十分注意的是同background-size不同，這裡的百分比大***的是父元素的百分比，而不是元素自身大小的百分比
我們可以同時改變元素的預設對齊方式和偏移的位置
background-position：right 10px top 10px;
1.css3支援多圖背景，使用，來分隔每個url,要為每個設定其他背景屬性時，也可使用用，分隔。
background:url(../../a.png),url(../../b.png)
background-repeat:no-repeat；//等價於background-repeat:no-repeat,no-repeat;
background-size:10px 10px,20px,20px；
background-attachment:定義背景元素是否隨元素滾動
scroll：預設值，背景元素會隨元素的滾動而滾動
fixed: 不隨元素滾動
3.background-clip: 定義背景的展示區域(切割方式)，
content-box: 只展示content區域的背景，其餘部分暴力的切割
padding-box:展示content和padding區域的背景，其餘部分暴力的切割
border-box：展示在content和padding和border區域背景，其餘部分暴力的切割
4.background-orgin:定義背景的展示區域(定位方式)，
content-box: 只展示content區域的背景，改變了的預設對齊方式，
padding-box:展示content和padding區域的背景
border-box：展示在content和padding和border區域背景
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...