我们通常做网页时会有下拉菜单的需求,有些小伙伴不会使用,那么我今天就教大家学习ul,li的下拉菜单
html这样写
双层的ul是为了指向下拉
ul{
list-style-type: none;
position: fixed;
}
#list >li{
float: left;
}
#list>li>ul{
display: none;
position: absolute;
float: none;
}
#list>li:hover ul{
display: block;
}
a:hover {
background-color: burlywood;
}
css渲染一下就行
效果是这样的,你们也可以设置一下样式
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
机房租用,北京机房租用,IDC机房托管, http://www.fwqtg.net
相关推荐: 瑞云科技助力番职院打造虚拟数字人,探索职业教育创新之路
3月24-25日,教育部高等学校科学研究发展中心主办、广州番禺职业技术学院承办的2022-2023年职业教育示范性虚拟仿真实训基地建设工作推进会在中国广州举行。会议旨在指导各院校建好用好管好虚拟仿真示范实训基地,以数字化、网络化、智能化赋能职业教育高质量发展。…