[CSS] 背景重複屬性- background-repeat

我們想要設定 CSS 的背景是否重複，可以設定 background-repeat 這個屬性，預設為 repeat，也就是會無限重複，可以設定 repeat-x 或 repeat-y 讓背景在某個軸線上重複就好。

background-repeat: repeat;



background-repeat: no-repeat;


repeat 跟 no-repeat 的差別比較明顯，另外還可以設定為 round，跟 repeat 的差別是在於他會把圖片完整的放到區域內，所以很有可能會變形



還有一個屬性則為 space，則是把圖片完整的放到區域內，最旁邊會貼著邊緣，其他就會依據剩餘空間，能放多少張完整的圖片就放多少張，然後再平均分配。