在CSS中,我們可以使用background-image來設置一個背景圖片,但是有時候我們想讓這個圖片橫向平鋪,該怎么做呢?這時候就需要用到background-repeat屬性。
background-repeat屬性有以下幾個取值:
background-repeat: repeat; //默認值,圖片水平和垂直方向都平鋪 background-repeat: repeat-x; //圖片只橫向平鋪 background-repeat: repeat-y; //圖片只縱向平鋪 background-repeat: no-repeat; //圖片不平鋪
比如,我們有一張圖片logo.png,想讓它在一個div中橫向平鋪。我們可以這樣寫CSS:
div { background-image: url('logo.png'); background-repeat: repeat-x; }
當然,我們還可以通過background-position屬性控制圖片的位置,比如讓圖片居中:
div { background-image: url('logo.png'); background-repeat: repeat-x; background-position: center; }
總之,掌握background-repeat屬性可以幫助我們更好地控制CSS中的背景圖片,讓網頁效果更加美觀。
下一篇mysql 獲取 主鍵