背景設置

背景
平鋪
background­repeat:repeat:repeat­:能夠取x橫向 y縱向 none不平鋪;
條件是背景小於標籤尺寸,取值爲:repeat默認值爲xy方向上平鋪,
背景圖尺寸
background­size:auto圖片保持原有的尺寸。
contain:等比例縮放撐滿標籤(圖片大於標籤尺寸)
cover:放大到適應的標籤尺寸(圖片小於標籤,可是圖片放大之後會失真)
百分比:標籤的百分比;固定值:寬高相同的時候能夠只給一個值;
漸變色
漸變色:background:linear­gradient(to top;顏色,顏色,顏色):線性漸變色
to top :從上到下依次變;
to bottom:從上到下依次變
45deg:45度角開始;
最少三個值,第一個是漸變方向,第二個是起始顏色,第三個是終止顏色。
background:repeating­linear­gradient():徑向漸變色
背景圖剪切
渲染區域是border­box的左上角
background­clip:border­box;padding­box;content­box;
圖片背景根據內容平鋪:background­origin:content­box;
background:url(圖片位置) centertop位置 no­repeat;
url

相關文章
相關標籤/搜索