在CSS中，我們經常需要對頁面元素進行隱藏或者當鼠標經過時顯示出來。那么如何實現這種效果呢？ 首先，我們需要了解CSS中用于隱藏元素的屬性。常用的有display和visibility，其中display可用的屬性值包括none，block和inline。而visibility可用的屬性值包括visible和hidden。它們之間的區別在于display:none會將元素完全從頁面中移除，而visibility:hidden只是將元素隱藏起來，但仍占用頁面上的空間。 接下來，我們需要用CSS選擇器來針對特定的元素進行樣式設置。例如，如果我們想要將一個元素隱藏起來，可以這樣寫： pre{ display:none; } 這樣，所有使用pre標簽的元素都會被隱藏起來。如果要針對某個具體的元素進行隱藏，可以使用其ID或者類名來進行選擇器的指定。 同時，我們還需要掌握CSS中的偽類選擇器。常見的有:hover等偽類，它們用于在鼠標經過時改變元素的樣式。 例如，如果我們想要在鼠標經過時將一個被隱藏的元素顯示出來，可以這樣寫： pre:hover{ display:block; } 這樣，當鼠標經過使用pre標簽的元素時，它就會顯示出來。 綜合起來，CSS中隱藏且劃過出元素的代碼實現起來就像這樣：

p{
display:none;
}
p:hover{
display:block;
}

這個代碼段表示當我們用鼠標劃過使用p標簽的元素時，它會從隱藏狀態切換到顯示狀態。 總之，CSS中隱藏且劃過出元素的實現基于CSS選擇器和偽類選擇器，靈活運用它們，我們就能輕松地實現各種視覺效果。