当前位置:首页>维修大全>综合>

网站栏目怎么出现下拉菜单 就是鼠标放上去怎么显示二级栏目

网站栏目怎么出现下拉菜单 就是鼠标放上去怎么显示二级栏目

更新时间:2023-04-27 01:17:35

网站栏目怎么出现下拉菜单 就是鼠标放上去怎么显示二级栏目

先在网站的head模板添加二级菜单的html代码,如下

添加之后前台就可以显示二级菜单,但会出现乱码,然后找到相应的css文件,在/*nav*/部分,加入以下代码,具体风格可以自己改,

.nav ul li ul { position:absolute; display:none;}

.nav ul li ul li { float:none;}

.nav ul li ul li a { border-right:none; border-top:0px dotted #ccc; background:#00000000; font-size:15px; color:#fff;}

.nav ul li ul li .nava { color: #FFFFFF; display: inline-block; padding: 0 12px; height:44px; line-height:40px; font-size:18px; color:#fff; margin-left:5px;font-family:Arial,"宋体"; }

.nav ul li:hover ul{ display:block; }

更多栏目