CSS实现下拉列表框
效果如图所⽰
* {
margin: 0;
padding: 0;
}
.dropdown {
position: relative;
width: 100px;
height:30px;
backg初中几何 round-color: aqua;
}
ul li {
list-style: none;
动漫人物手绘 width: 100px;
height: 30px;
background-color: greenyellow;
border: 1px solid gray;
}
.dr放弃了 opdown ul {
display: none;
w读书笔记600字 idth: 102px车的英语单词 ;
height: 96新学期的计划怎么写 px;
法国巴黎铁塔 position: absolute;
left: 0;
top: 30px;
}
.dropbutton {
width: 102px;
height: 30px;
border: 1px solid greenyellow;
}
.dr上任讲话 op龙案 down:hover ul {
display: block;
}
.dropbutton:hover {
background-color: pink
}治疗痤疮的方法
ul li:hover {
background-color: azure;
}
下拉菜单 菜鸟教程1 菜鸟教程2 菜鸟教程3
本文发布于:2023-04-27 15:34:41,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/fan/82/517616.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
留言与评论(共有 0 条评论) |