在網頁設計中，圖片的使用是非常重要的，它能夠為網頁帶來許多生動和有趣的元素。但有時候，我們并不希望圖片在網頁中出現，或者我們只希望圖片在特定的條件下才出現。在這種情況下，我們需要使用CSS來隱藏圖片。
使用CSS來隱藏圖片，有兩種常用的方法。下面我們來分別介紹這兩種方法。
第一種方法是使用display屬性。我們可以將圖片的display屬性設置為“none”，這樣就可以將圖片隱藏起來。下面是示例代碼：
img {
display: none;
}使用這種方法，圖片將完全不會出現在頁面中，它所占用的空間也將被釋放。當需要顯示圖片時，只需要將其display屬性改回“block”或者“inline”即可。
第二種方法是使用visibility屬性。我們可以將圖片的visibility屬性設置為“hidden”，這樣圖片將不可見，但仍會保留其占用的空間。下面是示例代碼：img {
visibility: hidden;
}使用這種方法，圖片雖然不可見，但它所占用的空間仍然存在。當需要顯示圖片時，只需要將其visibility屬性改回“visible”即可。
需要注意的是，這兩種方法都可以通過CSS選擇器為特定的圖片進行設置。例如，如果我們要隱藏ID為“myImg”的圖片，可以使用以下的CSS代碼：#myImg {
display: none;
}或者：#myImg {
visibility: hidden;
}總之，使用CSS隱藏圖片是非常簡單的，只要掌握了這兩種方法，就可以隨時隨地控制圖片的顯示與隱藏。