CSS隱藏鼠標懸停出現是網頁設計中常用的一個效果，它可以使一個元素在默認狀態下不顯示，鼠標懸停在該元素上時才呈現出來，增強了頁面的交互性。

/* HTML結構 */
<div class="box">
<p>這是一個可以隱藏的內容</p>
</div>
/* CSS樣式 */
.box p {
display: none; /* 隱藏內容 */
}
.box:hover p {
display: block; /* 懸停時顯示內容 */
}

上述代碼中，我們使用了CSS偽類選擇器:hover，通過控制不同狀態下元素的display屬性，來實現內容的隱藏和顯示。

除了display屬性，我們還可以使用opacity、visibility、position等屬性來實現元素的隱藏和顯示效果。如下所示：

/* 使用opacity屬性 */
.box p {
opacity: 0; /* 隱藏內容 */
}
.box:hover p {
opacity: 1; /* 懸停時顯示內容 */
}
/* 使用visibility屬性 */
.box p {
visibility: hidden; /* 隱藏內容 */
}
.box:hover p {
visibility: visible; /* 懸停時顯示內容 */
}
/* 使用position屬性 */
.box p {
position: absolute;
left: -9999px; /* 隱藏內容 */
}
.box:hover p {
left: 0; /* 懸停時顯示內容 */
}

無論使用哪種方法，都可以讓我們輕松地實現元素的隱藏和顯示效果，增加頁面的互動性。