在網頁開發中，我們經常需要隱藏某些圖片，可能是因為該圖片對于頁面而言并不重要，或是因為該圖片在特定的設備或屏幕大小下會顯得不協調。無論什么原因，CSS提供了幾種方法可以隱藏圖片。 使用display:none屬性 我們可以使用CSS的display屬性來隱藏圖片，具體地，將display設置為none即可:

img {
display: none;
}

這個方法很簡單，并且對于絕大部分情況而言都能達到效果。唯一的缺點是這個元素會完全消失，我們無法重新顯示它。如果我們需要重新顯示這個圖片，就需要在CSS中明確指定該元素的display屬性，并設定為合適的值。 使用visibility:hidden屬性 另一種隱藏圖片的方法是使用CSS的visibility屬性，將其設置為hidden即可：

img {
visibility: hidden;
}

這個方法和display:none類似，不同之處在于該元素會被占用空間，即使看不到。同樣地，我們需要明確地指定visibility的值以顯示該元素。 使用位置和尺寸調整 最后，我們可以通過調整圖片的位置和尺寸來隱藏它。具體地，將其位置移出可視范圍，或將其尺寸設置為0即可：

.img-hidden {
position: absolute;
top: -9999px;
left: -9999px;
}
.img-zero-size {
width: 0;
height: 0;
}

這種方法可以使圖片在某些情況下仍然可見，比如在查看源代碼時。但是，它需要使用額外的CSS類，并且對于某些設備可能不起作用。同時，這種方法并不會移除圖片的占用空間，因此可能會影響頁面布局。 總結 以上是三種常見的隱藏圖片的方法。選擇哪一種方法取決于具體情況。通常，第一種方法是最簡單、最普遍的選擇。無論怎樣，隱藏圖片是網頁開發中的一項基本技能，希望上述方法可以幫助您輕松地達到所需效果。