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

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

background-repeat: repeat;



background-repeat: no-repeat;


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



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

留言

熱門文章