CSS是網頁設計必不可缺的部分，它可以控制網頁的樣式和布局。在某些情況下，我們需要將某個元素設置為不顯示，這時就要使用CSS的"display"屬性。下面我們來看一下如何設置為不顯示。

//CSS代碼
.hide{
display:none;
}

上面的代碼是用CSS設置一個類名為“hide”的元素為不顯示。其中"display"屬性被設為"none"，這表示元素不會在頁面中顯示出來。當我們需要把一個元素設置成不顯示的時候，只需要給它加上這個類名即可。

下面是一個例子，讓我們通過這個例子來更加深入的理解。

//HTML代碼
<div class="box hide">
<p>這是一個不顯示的區塊</p>
</div>

上面的代碼中，我們給一個id為“box”的div元素加上了hide這個類名，這意味著這個元素不會顯示在頁面中。下面我們來看一下效果。

如上所示，這個區塊沒有顯示出來，這就是我們用CSS設置為不顯示所達到的效果。

需要注意的是，設置為不顯示的元素仍然會占用頁面中的空間，而且它的子元素也會被影響。所以，在設計頁面時，我們應該合理運用這個屬性，以達到更好的設計效果。