CSS中的visibility屬性用于控制元素的可見性。

默認情況下，元素是可見的，但可以使用以下CSS規則來改變元素的可見性：

.visible {
visibility: visible;
}
.hidden {
visibility: hidden;
}

這里定義了兩個類visible和hidden, 分別用來控制元素的可見性。

visibility: visible;用于使元素可見。

visibility: hidden;用于隱藏元素，但是元素的空間仍然占據文檔流。

另外，還有一個比較少用的可選值collapse。

當應用于表格元素時，visibility: collapse;可以將行或列中的單元格合并成一個單元格，不再使用單元格的空間。

table {
border-collapse: collapse;
}
td.hidden {
visibility: collapse;
}

以上代碼用于將表格中的某些單元格設置為collapse，從而達到合并單元格的效果。

visibility與displayCSS屬性有所區別，display: none;會完全從文檔流中隱藏元素，并且不占用空間。而visibility: hidden;后的元素仍然存在，但是不可見，并占據空間。