新建一个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 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!