背景(background)屬性

2021-10-07 17:35:19 字數 1157 閱讀 7985

background(背景屬性)

background-attachment:背景影象是否固定或者隨著頁面的其餘部分滾動background-color:設定背景顏色

color:指定背景顏色

transparent:預設。背景顏色透明

inherit:從父元素繼承

url():影象路徑

none:預設。無影象的背景

inherit:從父元素繼承

1.可以給位置如left,center,bottom,top,right

2.x% y%:第乙個值為水平位置,第二個值為垂直位置。預設位置為0% 0% 。如果只指定乙個值,另乙個值為50%。

3.x (px) y (px) :第乙個值為水平位置的值,第二個是垂直位置的值。

background-size:設定背景圖大小

length:設定背景具體的寬和高。第乙個值為寬,第二個值為高。如果只設定乙個,另乙個為auto

percentage:將計算相對於背景定位區域(盒子)的百分比。第乙個值為寬度,第二個值為高度。如果只給乙個,另乙個值為auto

cover:保持背景的縱橫比並將縮放成適合背景定位區域的最小大小

contain:保持縱橫比並將縮放成適合背景定位區域的最大大小,使其寬度和高度完全適應內容區域

漸變色:

background-image

:-webkit-linear-gradient()

/** 線性漸變,可在開頭指定乙個漸變方向

* to left

* to right

* to top

* to bottom

*/

對於文字的漸變色:

background

:-webkit-linear-gradient()

;background-clip:text; //規定背景的區域為文字

color

:transparent; //將文字設定為透明,背景顏色透過透明的字型,給出字型是漸變色的效果

background 背景屬性詳解

我們知道元素有前景色color,與之對應的還有背景色,通過background我們可以為元素新增實色 background color 和任意多個背景 background image css 背景常見屬性 background color 屬性設定元素的背景顏色。它會會填充元素的內容 內邊距和邊框...

CSS背景屬性Background詳解

css背景屬性background詳解 本文詳解了css的背景屬性background,包括css3中新增的背景屬性。如果你是個css初學者,還可以檢視之前介紹的css浮動屬性和css透明屬性詳解。css2 中的背景 background css2 中有5個主要的背景 background 屬性,它...

CSS 背景 background屬性 8 26

一 background color 背景色 1.可以寫色相 顏色 比如red 紅色 blue 藍色 2.可以寫顏色編碼 比如 ffffff 3.可以寫rgba,a透明度的百分比 範圍0 1 0.5就是半透明 background color 189,162,143,0.5 4.直接寫rgb 數值 ...