本文目錄導讀：

1. 背景圖片不平鋪

CSS技巧：圖片不重復平鋪展示

在網頁設計中，我們經常需要將圖片作為背景或者元素進行展示，我們希望圖片只在特定位置顯示一次，而不進行平鋪，這時，我們可以利用CSS來實現(xiàn)這一需求，本文將介紹如何通過CSS使圖片不平鋪展示。

背景圖片不平鋪

在CSS中，我們可以使用background-image屬性來設置元素的背景圖片，要使背景圖片不平鋪，我們可以設置background-repeat屬性為no-repeat。

div {
  background-image: url('your-image-url');
  background-repeat: no-repeat;
}

代碼將使得div元素的背景圖片只顯示一次，不會進行重復平鋪。

對于作為內容展示的圖片，我們可以直接在HTML中使用img標簽，并通過CSS控制其顯示方式，要使圖片不平鋪，我們只需在img標簽中設置一次src屬性，不需要進行其他特殊設置。

<img src="your-image-url" alt="描述圖片內容">

代碼將展示一張圖片，不會進行重復平鋪。

通過CSS的background-repeat屬性和img標簽，我們可以輕松實現(xiàn)圖片的不平鋪展示，在實際應用中，我們可以根據需求選擇合適的方式來實現(xiàn)圖片的展示效果，我們還可以通過其他CSS屬性，如背景位置（background-position）、圖片大?。╳idth和height）等，來進一步調整圖片的展示效果。