CSS代碼中有一個非常有用的屬性叫做“background-repeat”,它可以讓圖片在元素背景中平鋪,從而實現(xiàn)更好的視覺效果。
background-repeat: repeat;
上述代碼表示如果在CSS規(guī)則中使用此屬性,那么圖片會在元素背景中水平和垂直方向上同時平鋪,直到填滿整個背景。這也是默認的參數(shù)。
background-repeat: repeat-x;
上述代碼表示當我們需要只在水平方向上平鋪圖片時,可以使用“background-repeat: repeat-x;”。
background-repeat: repeat-y;
相反的,“background-repeat: repeat-y;”則表示我們只需要在垂直方向上平鋪圖片。
background-repeat: no-repeat;
最后,“background-repeat: no-repeat;”表示我們不需要將圖片平鋪,而是只需要使用一次背景圖片即可。
通過這些CSS代碼,我們可以更加靈活地控制背景圖片在元素中的展示方式,從而實現(xiàn)更好的視覺效果。
下一篇css代碼修改分辨率