通過css偽類中的“hover”來實(shí)現(xiàn)。

1、新建html文件，在body標(biāo)簽中添加一個div標(biāo)簽，div標(biāo)簽里面嵌套一個p標(biāo)簽，然后添加p標(biāo)簽內(nèi)容，這里以“演示文本”為例：

2、在head標(biāo)簽中添加style標(biāo)簽，然后在style標(biāo)簽中給p標(biāo)簽設(shè)置預(yù)先顯示樣式，預(yù)先是先不顯示的，所以給p標(biāo)簽設(shè)置的屬性代碼是“p {display: none; }”；再給div設(shè)置寬和高，這里為了演示方便，為div設(shè)置一個灰色的背景色，代碼為“div {width: 100px; height: 100px; background: #ccc; }”：

3、給div標(biāo)簽添加hover偽類，然后打出一個空格，再設(shè)置此時p標(biāo)簽的顯示樣式。代碼為“div:hover p {display: block; }”，這段代碼的意思是，當(dāng)鼠標(biāo)放在div上時，將p標(biāo)簽的顯示狀態(tài)從隱藏改成顯示，此時p標(biāo)簽中的文字就會顯示出來：