在網頁設計中，經常需要使用圖片來裝飾頁面，但有時候我們需要把一些圖片隱藏起來，例如用于網站的 SEO 優化或者其他輔助功能目的。CSS 提供了幾種方法可以幫助我們隱藏圖片，下面我們來仔細研究一下吧。 首先，我們可以使用 `display: none` 屬性來隱藏圖片。這種方法會把整個圖像元素從文檔流中刪除，導致該元素在文檔中不再存在。例如，我們可以在 CSS 中使用以下代碼來隱藏圖片：

p img{
display: none;
}

這樣，所有在 `

` 標簽中的 `` 元素都會被隱藏起來，而不會在頁面中顯示。 其次，我們可以使用 `visibility: hidden` 屬性來隱藏圖片。這種方法會把圖像元素從文檔流中保留，但將其隱藏。例如，我們可以在 CSS 中使用以下代碼來隱藏圖片：

p img{
visibility: hidden;
}

這樣，所有在 `

` 標簽中的 `` 元素都會被隱藏起來，但仍將占據它們在文檔流中的位置。 第三種方法是使用 `opacity: 0` 屬性來隱藏圖片。這種方法使圖像元素在頁面上不可見，但仍然占據其在文檔流中的位置。例如，我們可以在 CSS 中使用以下代碼來隱藏圖片：

p img{
opacity: 0;
}

這樣，所有在 `

` 標簽中的 `` 元素都不會在頁面上被看到，但它們仍然存在于文檔流中。 以上是三種常用的隱藏圖片的方法，并且它們應用于不同的場景。選擇哪種方法取決于你的需求，例如你是否想保留圖像在文檔流中的位置，是否想要對文檔進行 SEO 優化等等。使用這些方法，你可以更好地布局和設計你的網頁，并使你的內容更加優美和可讀。