点击a标签弹出新窗口(点击a标签弹出div)

点击a标签弹出新窗口(点击a标签弹出div)p 做题思路 首先在 body 那里创建一个 div class menu 在 heal 里面进行 css 操作 1 先写一个类选择器标签 menu 添加宽度长度以及背景颜色 在设置一个通配符选择器将他的 padding 和 marig 设置为 0 2 p

大家好,我是讯享网,很高兴认识大家。



 <p>做题思路&#xff1a;首先在body那里创建一个div&#xff08;class&#61;menu&#xff09;&#xff0c;在heal里面进行css操作&#xff0c;1、先写一个类选择器标签.menu添加宽度长度以及背景颜色&#xff0c;在设置一个通配符选择器将他的padding和marig设置为0。2、在div&#xff08;class&#61;menu&#xff09;下面创建一个div&#xff08;class&#61;item&#xff09;&#xff0c;用类选择器.item进行float的左对齐&#xff0c;设置文字颜色&#xff0c;宽度。用相对定位3、在div&#xff08;class&#61;item&#xff09;下面创建一个div&#xff08;class&#61;down.menu&#xff09;&#xff0c;用display&#xff1a;done及进行隐藏&#xff0c;并绝对定位可以设置其背景颜色。4、若将鼠标放到item上会变色则用hover进行&#xff0c;若点击可显示菜单栏则用active并用display&#xff1a;back解除。具体代码如下&#xff1a;</p> 

讯享网


讯享网

其显示结果如图所示:

正常状态下

将鼠标放到项目上时将鼠标点击不抬起时

小讯
上一篇 2025-04-21 12:15
下一篇 2025-06-17 12:35

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/177603.html