2019年5月5日星期日

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

紅色死神發表於 2019年5月5日星期日 5月 05, 2019 / 沒有留言
標籤 background, css

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

background-repeat: repeat;

background-repeat: no-repeat;

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

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

反應：

紅色死神