新建一個html文件,定名為test.html,用于講解css實現鼠標放在文字上,埋沒的div顯示出來。
在test.html文件內,利用ul li建立一行列表,在li標簽里面利用a標簽建立一個文字鏈接。
在a標簽的下面,建立一個div模塊,在div內寫上測試的文字。代碼如下:
在test.html文件內,建立css標簽,在css內初始化頁面所有元素樣式,設置表里邊距都為0 。
利用css設置div埋沒(display:none),而且設置div內的文字顏色為紅色(color:red)。
利用css設置li的hover屬性,實現當鼠標放在li標簽內的a鏈接上面時,經由過程把div的display屬性設置為block,把div顯示出來。
在瀏覽器打開test.html文件,查看實現的結果。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!