CSS是一種很有用的前端技術(shù)，在網(wǎng)頁(yè)設(shè)計(jì)中常常用于添加樣式、布局和動(dòng)畫效果等。其中，CSS還可以用來遮住文字。下面我們來介紹一下如何使用CSS遮住文字。

/* CSS代碼 */
.text-hide {
color: transparent;
font-size: 0;
text-shadow: none;
background-color: #fff;
}
.text-hidden:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background-color: inherit;
}

以上代碼定義了兩個(gè)類名，一個(gè)是text-hide，一個(gè)是text-hidden。

文本隱藏（text-hide）是將字體透明化，并將字體大小設(shè)置為0，以便在背景顏色下隱藏文本。此外，text-shadow: none; 可以使文本下面不顯示陰影。

文本遮蓋（text-hidden）是利用 ::before 偽元素來實(shí)現(xiàn)的，這個(gè)方法常用于添加灰色蒙層、打水印等效果。在 text-hidden 中通過在 ::before 中指定相同的背景色（background-color: inherit;），可以遮掩整個(gè)文本，從而達(dá)到遮住文字的目的。

通過以上兩種方法，我們就可以輕松使用CSS來遮住文字了。