在網頁開發中，圖片的顯示與隱藏是一個常見的需求。利用CSS可以很方便地實現圖片的顯示與隱藏。下面將介紹兩種常用的實現方法。

通過display屬性實現圖片的顯示與隱藏

img {
display: none;   /* 初始時將圖片隱藏 */
}
.show {
display: block;   /* 顯示圖片 */
}

在HTML中，可以將需要顯示或隱藏的圖片設置一個class名，然后通過JavaScript動態改變其class屬性來實現圖片的顯示和隱藏。CSS代碼中，.show類設置了display屬性為block，將圖片顯示出來，而img元素本身設置了display為none，初始時圖片是不可見的。

通過visibility屬性實現圖片的顯示與隱藏

img {
visibility: hidden;   /* 初始時將圖片隱藏 */
}
.show {
visibility: visible;   /* 顯示圖片 */
}

與利用display屬性相比，利用visibility屬性實現圖片的顯示與隱藏有一個區別：visibility屬性可以將元素隱藏，同時保留其在文檔流中的占位空間。而display屬性對被隱藏元素不保留空間。因此，如果希望在隱藏圖片的同時保留其占位空間，可以使用visibility屬性。

綜上所述，利用CSS可以很方便地實現圖片的顯示與隱藏。根據需求，可以選擇使用display或visibility屬性來實現圖片的顯示與隱藏。