今天我们来练习一下二级菜单栏,说实话比较简单,但是自己一个人写的时候错误百出,逻辑混乱,于是乎网上找了几个案例,借鉴了一下思路,才整明白,鄙人确实不才,哈哈!
效果图附上:
首先:我已链接了外部样式重置,所以无需自己亲自写:
reset.css网上有很多,我用的是下面这个,免费分享给大家,永久有效哦!
链接:https://pan.baidu.com/s/1doPA17vy–QtSzUB8q9b8w
提取码:qq4o
HTML:代码:
<!-- 外部样式表reset.css -->
<link rel="stylesheet" href="reset.css">
<!-- 外部样式表二级菜单 -->
<link rel="stylesheet" href="style.css">
注意:以下我写的所有样式,必须要用reset.css外部样式表!!
1. 首先,我们来创建一个容器,用来放置整个导航栏:
HTML代码:
<div class="topmenu"></div>
CSS代码:
/* 设置整个容器宽高背景色 */
.topmenu {
width: 100%;
height: 50px;
background: lightgr
今天的文章html如何制作二级菜单_可视化h5页面设计与制作「建议收藏」分享到此就结束了,感谢您的阅读。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:http://bianchenghao.cn/76253.html