在css中，使用background-repeat屬性可以設定背景影象是否平鋪，並且可以設定如何平鋪。
語法：background-repeat:取值;
說明：background-repeat屬性取值如下：
表1 background-repeat屬性取值
屬性值說明
no-repeat
表示不平鋪
repeat
預設值，表示在水平方向（x軸）和垂直方向（y軸）同時平鋪
repeat-x
表示在水平方向（x軸）平鋪
repeat-y
表示在垂直方向（y軸）平鋪
舉例：這裡有一張25px×25px的，我們設定3個div元素為200px×100px，並且把div元素背景影象設定為該。12
3456
78910
1112
1314
1516
1718
1920
2122
2324
2526
2728
2930
3132
3334
3536
3738
3940
4142
43
">
靜夜思
窗前明月光，疑似地上霜。
舉頭望明月，低頭思故鄉。
靜夜思
窗前明月光，疑似地上霜。
舉頭望明月，低頭思故鄉。
靜夜思
窗前明月光，疑似地上霜。
舉頭望明月，低頭思故鄉。
靜夜思
窗前明月光，疑似地上霜。
舉頭望明月，低頭思故鄉。
在瀏覽器預覽效果如下：
分析：因為第乙個div元素沒有設定background-repeat屬性值，因為瀏覽器會採用background-repeat預設值「repeat」，背景會在水平和垂直兩個方向同時平鋪。第二個div元素background-repeat屬性值為「repeat-x」，因此背景會在水平方向（x軸）平鋪。第三個div元素background-repeat屬性值為「repeat-y」，因此背景會在垂直方向（y軸）平鋪
大家可能對hr元素
的屬性設定很奇怪，為什麼設定hr的border-color屬性值為red，hr的顏色就會改變，而不是設定hr的color屬性為red或者background-color為red呢？這跟hr本身特點有關，在css高階「hr的css設定」這一節我們會詳細講解到。
css背景樣式css背景樣式
css背景樣式 css背景樣式 序號中文說明 標記語法 1背景顏色2背景 3背景重複 4背景固定 5背景定位 6背影樣式 1 背景顏色 background color 語法 說明 引數取值和顏色屬性一樣 注意 在 html當中，要為某個物件加上背景色只有一種辦法，那就是先做乙個 在 中設定完背景色...
邊框樣式 背景樣式
1 邊框屬性 屬性說明 border width 邊框的寬度 border style 邊框的外觀 border color 邊框的顏色 border style 屬性值說明 none 無樣式hidden 與 none 相同。bug應用於表除外。對於表，hidden用於解決邊框衝突 solid 實線...
css div 文字樣式 背景樣式
序號 中文說明 標記語法備註1 行 間 距 2 文字修飾 3段首空格 4水平對齊 5 垂直對齊 6 書寫方式 1 行 間 距 line height 語法 作用 行與行之間的距離 說明 行間距離取值 不帶單位的數字 以1為基數，相當於比例關係的100 帶長度單位的數字 以具體的單位為準 比例關係 注...