新建一個html文件，命名為test.html，用于講解css實現(xiàn)鼠標(biāo)放在文字上，隱藏的div顯示出來。

在test.html文件內(nèi)，使用ul li創(chuàng)建一行列表，在li標(biāo)簽里面使用a標(biāo)簽創(chuàng)建一個文字鏈接。

在a標(biāo)簽的下面，創(chuàng)建一個div模塊，在div內(nèi)寫上測試的文字。

在test.html文件內(nèi)，創(chuàng)建css標(biāo)簽，在css內(nèi)初始化頁面所有元素樣式，設(shè)置內(nèi)外邊距都為0 。

使用css設(shè)置div隱藏（display:none），并且設(shè)置div內(nèi)的文字顏色為紅色（color:red）。

使用css設(shè)置li的hover屬性，實現(xiàn)當(dāng)鼠標(biāo)放在li標(biāo)簽內(nèi)的a鏈接上面時，通過把div的display屬性設(shè)置為block，把div顯示出來。

在瀏覽器打開test.html文件，查看實現(xiàn)的效果。

1、首先在電腦中創(chuàng)建一個test.html文件。

2、然后需要在文件內(nèi)，創(chuàng)建一個div模塊，在div模塊內(nèi)，使用img創(chuàng)建一張圖片。

3、最后在css標(biāo)簽中，設(shè)置div的寬度、高度，再通過將overflow設(shè)置為hidden，實現(xiàn)當(dāng)圖片超出div的高度時，隱藏圖片多出的部分。

a{text-decoration:none; color:#FFF; font-size:12px;display:block;height:inherit;}a:hover{ background-color:#F90;}