CSS中設(shè)置元素可見性是網(wǎng)頁設(shè)計(jì)中非常常見的操作。可見性與網(wǎng)頁視覺效果密不可分，布局、交互等方面都需要用到。

在CSS中，我們可以使用

visibility

屬性來設(shè)置元素的可見性。它有兩個可選值：visible（默認(rèn)值）和 hidden。其中，visible表示元素可見，反之則表示元素不可見。

.visibility-example {
visibility: hidden;
}

需要注意的是，使用 visibility:hidden（即不可見狀態(tài)）雖然不會展示元素，但是元素的空間仍然被占用，也就是說，這個元素在頁面上還是存在的，只是看不到而已。如果需要完全隱藏一個元素，可以使用

display:none

屬性。

.display-example {
display: none;
}

除此之外，CSS還提供了

opacity

屬性來設(shè)置元素的透明度。opacity的取值范圍是0-1，其中0表示完全透明，1表示完全不透明。使用opacity來設(shè)置透明度有助于實(shí)現(xiàn)一些有趣的設(shè)計(jì)效果，比如半透明遮罩等。

.opacity-example {
opacity: 0.5;
}

在實(shí)際應(yīng)用中，合理地運(yùn)用可見性屬性，可以大幅提升網(wǎng)頁的視覺效果，并增強(qiáng)用戶體驗(yàn)。