使用No-Repeat CSS來避免圖像重復顯示

在CSS中，No-Repeat屬性用于防止圖像在頁面中重復顯示，該屬性可以應用于背景圖像或列表項目的圖像。

如果你想讓一個背景圖像只在頁面加載時顯示一次，可以使用No-Repeat屬性，如果你有一個名為“background.jpg”的背景圖像，可以這樣寫：

body {
  background-image: url("background.jpg");
  background-repeat: no-repeat;
}

這樣，背景圖像“background.jpg”將只在頁面加載時顯示一次，而不會重復顯示。

如果你想讓列表項目的圖像不顯示，或者只顯示一次，也可以使用No-Repeat屬性，如果你有一個列表項目，其中的圖像名為“l(fā)ist-item.jpg”，可以這樣寫：

ul li {
  list-style-image: url("list-item.jpg");
  list-style-repeat: no-repeat;
}

這樣，列表項目的圖像“l(fā)ist-item.jpg”將只在頁面加載時顯示一次，而不會重復顯示。

No-Repeat屬性可以幫助你控制圖像的顯示次數(shù)，使頁面更加清晰、整潔。