CSS是一種用于控制網頁外觀的語言，它可以控制文本、色彩和布局等各個方面。在CSS中，我們經常會遇到一個問題：如何讓圖片不被平鋪。下面我們就來學習一下如何解決這個問題。

首先，我們需要明確一下什么是平鋪。平鋪指的是將一個小圖片在水平和垂直方向上不斷地重復顯示，以填滿一個區域。在某些情況下，這種效果會顯得很丑陋，影響到網頁的整體美觀性。

解決這個問題的方法很簡單，我們只需要在CSS中添加background-repeat屬性，將它的值設置為no-repeat就可以了。下面是一個示例：

background-image:url('image.png');
background-repeat:no-repeat;

在這個示例中，我們設置了一個背景圖片，并將background-repeat屬性的值設置為no-repeat。這樣就可以讓圖片只在指定的區域內顯示一次，不再重復平鋪。

除了no-repeat之外，background-repeat還有其他幾種可選值：

• repeat：在水平和垂直方向上不斷地重復顯示圖片
• repeat-x：只在水平方向上重復顯示圖片
• repeat-y：只在垂直方向上重復顯示圖片

通過設置background-repeat屬性，我們可以輕松地控制圖片的平鋪效果，讓網頁變得更加美觀。