3. 背景屬性簡寫
background-color
: red;
background-image
:url("路徑")
;
2）設定背景的重複方式
如果元素尺寸大於尺寸，會自動重複平鋪，直至鋪滿整個元素
如果元素尺寸小於尺寸，預設從元素左上角開始顯示，超出部分不可見
background-repeat
:repeat/repeat-x/repeat-y/no-repeat
取值 ：
repeat 預設值，沿水平和垂直方向重複平鋪
repeat-x 沿x軸重複平鋪
repeat-y 沿y軸重複平鋪
no-repeat 不重複平鋪
預設顯示在元素左上角
background-position
:x y;
1. 畫素值
設定背景的在元素座標系中的起點座標
2. 方位值
水平：left/center/right
垂直：top/center/bottom
注：如果只設定某乙個方向的方位值，另外乙個方向預設為center
精靈圖技術：為了減少網路請求，可以將所有的小圖示拼接在一張上，一次網路請求全部得到；借助於background-position 進行背景位置的調整，實現顯示不同的圖示
4）設定背景的尺寸
background-size
:width height;
1. 畫素值
1. 500px 500px; 同時指定寬高
2. 500px; 指定寬度，高度自適應
2. 百分比
百分比參照元素的尺寸進行計算
1. 50% 50%; 根據元素寬高,分別計算的寬高
2. 50%; 根據元素寬度計算寬高,高度等比例縮放
background
:color url("") repeat position;
如果需要同時設定以上屬性值，遵照相應順序書寫
background-size 單獨設定
Web前端 CSS文字屬性
2.文字樣式 1 設定字型大小font size 20px 2 設定字型粗細程度font weight normal 取值 1.normal 預設值 等價於400 2.bold 加粗 等價於7003 設定斜體font style italic 4 設定字型名稱font family arial,黑體...
CSS背景屬性
背景顏色屬性 background color 這個屬性為html元素設定背景顏色，相當於html中bgcolor屬性。body 上面的 表示body這個html元素的背景顏色是翠綠色的。背景屬性 background image 這個屬性為html元素設定背景，相當於html中background...
CSS背景屬性
一 背景顏色 屬性 background color 取值 任何合法顏色或者transparent 注意 背景顏色會填充到元素的內容區域以及邊框區域 二 背景影象 作用 以圖象作為元素的背景 屬性 background image 取值 url 背景影象路徑 三 背景重複 屬性 background...