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 數值 ...