1. 程式人生 > >背景設置

背景設置

hash padding inpu origin 大於 eating ott section size

背景
平鋪
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;

背景設置