CSS是一種用于網頁設計的語言，它可以讓我們對網頁元素進行樣式、布局等方面的控制。其中包括經常使用的圖片的隱藏和顯示。在CSS中，我們可以使用display屬性來控制圖片的顯隱。

首先，我們需要在HTML中引入圖片，例如：

<img src="example.jpg" alt="示例圖片">

這樣就成功引入了一張名為example.jpg的圖片。接下來，我們可以針對該圖片定義兩個類，分別是“hide”和“show”。其中，hide用于隱藏圖片，show用于顯示圖片。

.hide {
display: none;
}
.show {
display: block;
}

我們可以在CSS中設置顯示屬性為“none”，這樣圖片就會被隱藏；當我們需要顯示圖片時，將其顯示屬性設置為“block”即可。

接下來，我們可以在JavaScript中使用以下代碼來控制圖片顯隱：

var img = document.getElementsByTagName('img')[0];
img.className = 'hide'; // 圖片隱藏
img.className = 'show'; // 圖片顯示

在這里，我們首先獲取頁面中的img元素，然后將其類名分別設為hide和show。這樣，當我們需要讓圖片隱藏時，調用hide類名即可；當需要顯示圖片時，調用show類名即可。

總之，CSS可以讓我們掌控圖片的顯隱，使網頁布局更加美觀、靈活，值得我們在網頁設計中加以使用。