預設情況下背景顏色會延伸到border的區域，把border設定成點狀可觀察。
容器》背景圖 ： 背景圖平鋪，直到鋪滿，顯示多張背景圖
容器=背景圖 ： 只顯示一張
容器《背景圖 ： 只顯示背景圖的一部分
no-repeat 只鋪一張背景圖
repeat-x 橫向平鋪
repeat-y 縱向平鋪
repeat 雙方向直到鋪滿
用來設定背景的位置。容器內就相當於九宮格內選擇位置。
設定方式：
通過top left right bottom center 幾個表示方位的詞來設定背景。至少兩個值。如果只寫乙個值，第二值預設是center。
background-position：center center； 表示九宮格中間。
background-position：bottom right 表示九宮格右下角
也可以通過畫素來設定：
background-position：10px 100px ；（水平方向偏移量 垂直方向偏移量）
把左上角當做原點，上邊框是x軸，左邊框是y軸。（一般用到負值更多）
background-size 設定的尺寸
可選值：
width height 如果只寫乙個 第二個值預設auto。
cover 比例不變，將元素鋪滿
contain 比例不變，讓在元素中完整顯示
示例：background: red url() no-repeat left center;
前端學習之CSS 背景
通過 css 背景屬性，可以給頁面元素新增背景樣式。背景屬性可以設定背景顏色 背景 背景平鋪 背景位置 背景影象固定等。樣式名稱 background color定義元素的背景顏色 使用方式 其他說明 元素背景顏色預設值是 transparent 透明 使用方式 其他說明 實際開發常見於 logo ...
Web前端 CSS背景屬性
3.背景屬性簡寫 background color red 1 設定背景background image url 路徑 設定背景，指定路徑，如果路徑 現中文或空格，需要加引號 2 設定背景的重複方式 如果元素尺寸大於尺寸，會自動重複平鋪，直至鋪滿整個元素 如果元素尺寸小於尺寸，預設從元素左上角開始顯...
CSS屬性之背景
1.background red url pic.jpg center center 160px 80px no repeat 背景影象在背景顏色的上方，整體居中,大小160 80px且不重複 2.background size contain cover 背景大小包含在塊中，自動變大小，但不重複 ...