九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

常用屬性

• background-color 設(shè)置背景顏色

 background-color: #bfa;

• background-image 設(shè)置背景圖片

 background-image: url("./img/1.png");

background-image 設(shè)置背景圖片

• 可以同時(shí)設(shè)置背景圖片和背景顏色，這樣背景顏色將會(huì)成為圖片的背景色

• 如果背景的圖片小于元素，則背景圖片會(huì)自動(dòng)在元素中平鋪將整個(gè)元素鋪滿

• 如果背景的圖片大于元素，背景圖片將無(wú)法完全顯示，只顯示元素大小部分

• 如果背景圖片和元素一樣大，則會(huì)直接正常顯示

• background-repeat 用來(lái)設(shè)置背景的重復(fù)方式

可選值：
repeat 默認(rèn)值 ， 背景會(huì)沿著x軸 y軸雙方向重復(fù)
repeat-x 沿著x軸方向重復(fù)
repeat-y 沿著y軸方向重復(fù)
no-repeat 背景圖片不重復(fù)

• background-position 用來(lái)設(shè)置背景圖片的位置

  background-position: center; background-position: -50px 300px;

設(shè)置方式：

1. 通過(guò) top left right bottom center 幾個(gè)表示方位的詞來(lái)設(shè)置背景圖片九宮格的位置，使用方位詞時(shí)必須要同時(shí)指定兩個(gè)值，如果只寫一個(gè)則第二個(gè)默認(rèn)就是center

2. 通過(guò)偏移量來(lái)指定背景圖片的位置： 水平方向的偏移量 垂直方向變量，原點(diǎn)為父元素左上角

• background-clip 用來(lái)設(shè)置背景的范圍

可選值：

• border-box 默認(rèn)值，背景會(huì)出現(xiàn)在邊框的下邊

• padding-box 背景不會(huì)出現(xiàn)在邊框，只出現(xiàn)在內(nèi)容區(qū)和內(nèi)邊距

• content-box 背景只會(huì)出現(xiàn)在內(nèi)容區(qū)

• background-origin 背景圖片的偏移量計(jì)算的原點(diǎn)

可選值：

• padding-box 默認(rèn)值，background-position從內(nèi)邊距處開始計(jì)算

• content-box 背景圖片的偏移量從內(nèi)容區(qū)處計(jì)算

• border-box 背景圖片的變量從邊框處開始計(jì)算

• background-size 設(shè)置背景圖片的大小

   background-size: contain;/* background-size: 100% 100%; //填滿整個(gè)元素 */

• 第一個(gè)值表示寬度 ， 第二個(gè)值表示高度。如果只寫一個(gè)，則第二個(gè)值默認(rèn)是 auto,圖片比例不變，但有可能使元素出現(xiàn)空白部分

• cover ：圖片的比例不變，將元素鋪滿

• contain ：圖片比例不變，將圖片在元素中完整顯示

• background-attachment：背景圖片是否跟隨元素移動(dòng)

  可選值：

• scroll 默認(rèn)值 背景圖片會(huì)跟隨元素移動(dòng)

• fixed 背景會(huì)固定在頁(yè)面中，不會(huì)隨元素移動(dòng)