css的背景屬性

2021-09-23 08:11:07 字數 1124 閱讀 7590

1.background-color背景顏色

預設值是transparent(透明的)

當同時定義了背景影象和顏色時,背景影象將覆蓋在背景顏色之上

.divclass

2.背景background-image (預設水平垂直平鋪)

background-image: url(「路徑」);

background-repeat: no-repeat;(背景沒有平鋪)

background-repeat: repeat -x(背景水平平鋪)

background-repeat: repeat-y(垂直方向平鋪)

3.背景的大小background-size(width height 的大小)

length:設定背景影象的高度和寬度。第乙個值設定寬度,第二個值設定高度。如果只設定乙個值,則第二個值會被設定為「auto」

percentage:以父元素的百分比來設定背景影象的寬度和高度。第乙個值設定寬度,第二個值設定高度。如果只設定乙個值,則第二個值會被設定為「auto」

cover:把背景影象擴充套件至足夠大,以使背景影象完全覆蓋背景區域。背景影象的某些部分也許無法顯示在背景定位區域中。

contain:把影象影象擴充套件至最大尺寸,以使其寬度和高度完全適應內容區域。

4.背景定位background-position

background-position: x y:

當只有水平方向,垂直方向預設居中。

(1)top left、top center、top right、center left、center center、center right、bottom left、bottom center、 bottom right。如果僅規定了乙個關鍵字,那麼第二個值將是「center」。預設值:0% 0%。

(2)x% y%:第乙個值是水平位置,第二個值是垂直位置。左上角是0% 0%。右上角是100% 100%。如果僅規定了乙個值另乙個值將是50%。

(3)xpos ypos:第乙個值是水平位置,第二個值是垂直位置。左上角是0 0

單位是畫素(0px 0px)或任何其他的css單位。如果僅規定了乙個值,另乙個值將是50%。可以混合使用%和position值。

5.背景固定background-attachment:fixed;

CSS背景屬性

背景顏色屬性 background color 這個屬性為html元素設定背景顏色,相當於html中bgcolor屬性。body 上面的 表示body這個html元素的背景顏色是翠綠色的。背景屬性 background image 這個屬性為html元素設定背景,相當於html中background...

CSS背景屬性

一 背景顏色 屬性 background color 取值 任何合法顏色或者transparent 注意 背景顏色會填充到元素的內容區域以及邊框區域 二 背景影象 作用 以圖象作為元素的背景 屬性 background image 取值 url 背景影象路徑 三 背景重複 屬性 background...

css背景屬性

css背景屬性 目錄 background attachment背景附件 設定背景影象是否固定或者隨著頁面的其餘部分滾動 background clip背景修剪 規定背景的繪製區域 background origin背景 規定 background position 屬性相對於什麼位置來定位 bac...