CSS是網頁設計中非常重要的一部分技術，它可以幫助我們控制網頁中的排版、字體、顏色等屬性。而對于圖片的處理，CSS同樣也可以實現隱藏和顯示的功能。下面我們就來詳細介紹一下如何在CSS中讓圖片隱藏和顯示。

/* 讓圖片隱藏 */
img {
display: none;
}

上述代碼是讓所有的圖片都隱藏，通過設置display屬性為none可以實現。這在一些需要加載很多圖片的場合是很有用的，可以加快頁面加載速度。但是如果我們只想讓特定的圖片隱藏，應該怎么辦呢？

/* 只針對某個圖片隱藏 */
#myImage {
display: none;
}

可以通過給特定的圖片添加一個id屬性，然后使用#符號加上id名稱來讓該圖片隱藏。同樣的，如果我們想讓鼠標經過后才顯示圖片，應該怎么做呢？

/* 讓鼠標經過后才顯示圖片 */
img {
opacity: 0.5;
transition: opacity 0.3s ease-in-out;
}
img:hover {
opacity: 1;
}

上述代碼是通過使用opacity屬性和transition屬性來實現的。首先設置圖片的透明度為0.5，然后設置一個透明度變化的動畫，讓透明度在0.3秒內從0.5過渡到1。接著使用:hover偽類，讓鼠標經過圖片時透明度變為1，即圖片顯示出來。

總結來說，CSS中讓圖片隱藏顯示的方法有以下幾種：通過設置display屬性讓圖片隱藏或顯示；通過為特定的圖片加上id屬性來實現只針對該圖片的隱藏或顯示；通過使用opacity屬性和:hover偽類來實現鼠標經過后才顯示圖片。