css怎么做下拉菜单

css怎么做下拉菜单

我大概的给你写一下 也算是提供个思路吧
html页面中有一个可弹出下拉框的div D1 和下拉框本体div D2

鼠标移动到我身上出现下拉框

我是下拉框


接下来是CSS
.D1{
width:100px;
height:50px;
background-color:green;
position:relative;
}
.D2{
height:300px;
width:100px;
background-color:aqua;
position:absolute；
top:50px;
left:0px;
display:none;
}
.D1:hover .D2{
display:inline-block;
}
思路其实就是下拉框一开始是隐藏的 你可以通过hover也行或者js的事件也行 隐藏变成不隐藏 透明变成不透明 还可以加一些动画 翻转效果 让下拉框出现的更惊艳。