CSS背景圖怎么換平鋪
在CSS中,背景圖可以通過background-image
屬性來設置,如果想要讓背景圖在頁面中平鋪,可以使用background-repeat
屬性,將其值設置為repeat
或repeat-x
或repeat-y
。repeat
表示在水平和垂直方向上重復平鋪,repeat-x
表示只在水平方向上重復平鋪,repeat-y
表示只在垂直方向上重復平鋪。
假設我們有一個頁面,其背景圖是一個名為background.jpg
的圖片,我們可以使用以下CSS代碼來設置背景圖并讓其平鋪:
body { background-image: url('background.jpg'); background-repeat: repeat; }
這樣,背景圖background.jpg
就會在整個頁面中平鋪,如果想要調(diào)整背景圖的位置,可以使用background-position
屬性,如果想要讓背景圖從頁面的右上角開始平鋪,可以使用以下CSS代碼:
body { background-image: url('background.jpg'); background-repeat: repeat; background-position: right top; }
這樣,背景圖就會從頁面的右上角開始平鋪,并且會在水平和垂直方向上重復,如果想要讓背景圖只在水平方向上重復,可以將repeat
值改為repeat-x
:
body { background-image: url('background.jpg'); background-repeat: repeat-x; background-position: right top; }
這樣,背景圖就會從頁面的右上角開始平鋪,并且只在水平方向上重復。