CSS的背景屬性不僅可以用于設置背景顏色,還可以用于設置背景圖片及平鋪方式。
在進行背景圖片平鋪時,我們可以指定其水平和垂直方向上的平鋪方式。針對這兩種方式,我們可以使用 background-repeat 屬性進行設置。
當我們設置了背景圖片后,默認情況下它是沿著 x 和 y 軸均勻平鋪的,即 background-repeat: repeat;。
如果我們只想讓它在水平或垂直方向上平鋪,可以通過以下代碼進行設置:
background-repeat: repeat-x; /* 只在水平方向上平鋪 */ background-repeat: repeat-y; /* 只在垂直方向上平鋪 */
當然,我們也可以通過設置 background-repeat: no-repeat; 來阻止圖片的平鋪,使其只在背景中出現(xiàn)一次。
在具體使用時,我們可通過以下代碼對背景平鋪方式及背景顏色進行設置:
background: #FFF url("example.png") repeat-x;
這樣我們便可以讓圖片只在水平方向上平鋪,并設置背景顏色為 #FFF。
上一篇json怎么轉bean
下一篇json怎么轉115