今天我們分享關於背景樣式的內容。
在css中，背景樣式主要有兩種：背景顏色和背景影象。在傳統的web 1.0時代中，一般都是使用元素的backgroud屬性，來為body、table和td等少數的標籤定義背景影象。
在web 2.0時代，主要是使用css的background屬性來定義。
背景影象：
背景影象的屬性
屬性說明
background-image
定義背景影象的路徑
background-repeat
定義背景影象顯示方式，如縱向平鋪、橫向平鋪
background-position
定義背景影象在元素哪個位置
background-attachment
定義背景影象的滾動
背景顏色background-color：
語法：
background-color:顏色值；示例**：
背景影象background-image：
它定義了背景影象的**，與html中img標籤一樣。
語法：
background-image:url("路徑位址");設定背景影象時，需要設定寬度和高度，與的寬高相同，效果才能出來的。自己可以用畫圖板隨便畫一張，路徑儲存成**中的路徑，就可以看出效果了。
背景重複background-repeat：
顯示方式有兩種，水平平鋪和縱向平鋪，
語法：
background-repeat:取值；no-repeat
不平鋪repeat
預設值，水平和垂直同時平鋪
repeat-x
水平x軸平鋪
repeat-y
垂直y軸平鋪
示例**：
背景位置background-position：no-repeatrepeat-xrepeat-yrepeat
定義背景影象的橫向位置和縱向位置，它只能應用於塊元素和替換元素。替換元素包括img，input，textarea，select和object。
語法：
background-position:畫素值或關鍵字；設定position時，需要x軸和y軸，用畫素值，兩值之間用空格分隔開。同時還需要指定no-repeat。水平x軸和垂直y軸的座標系需要大家自己理解一下了，座標原點在左上角，可以理解為第四象限。
background-position關鍵字取值值說明
top left
左上top center
靠上居中
top right
右上left center
靠左居中
center center
正中right center
靠右居中
bottom left
左下bottom center
靠下居中
bottom right右下
示例**：
背景跟隨background-attachment：
它是設定背景影象隨物件滾動還是固定不動。
語法：
background-attachment:scroll或者fixed；示例**：
css入門（六） 背景樣式
a.背景樣式主要包括背景顏色和背景影象。b.背景顏色使用background color屬性設定。c.背景影象包括 background image 定義背景影象的路徑，這是設定背景的必要屬性 background repeat 定義背景影象的顯示方式 縱向平鋪 橫向平鋪等 background p...
CSS基礎（四） 背景樣式
背景顏色和屬性包含以下內容 1 background color 背景顏色，可以針對布局標籤以及整個body進行顏色控制，改變背景顏色，而css中的color則是控制文字的顏色 注意 background image與img的區別 1 background image可以設定背景，可以在背景的基礎上...
CSS背景樣式基礎用法
css背景類樣式 1 背景 backgroung color url 位址 2 背景重複 background repeat repeat x repeat y no repeat 只在x方向重複顯示 只在y方向重複顯示 不重複，只顯示一次。3 背景布局 background position 取值...