本文总结了使用HTML和CSS制作导航菜单的过程，强调HTML作为结构，CSS负责表现。通过无序列表创建基础菜单，并利用`display:block`将`<a>`标签变为块元素以设置宽度和高度。通过`float:left`实现水平布局，讨论了制作圆角菜单的背景图片应用和伸缩菜单的实现，如使用负`margin-top`向上延伸高度。还涉及到JavaScript实现水平伸缩效果，`this`关键字在此表示当前激活的`<a>`标签。最后，解释了块级元素的边距、内边距和边框设计，以及如何为水平菜单添加整体背景和理解`setInterval`方法。
学完html\css一些基础知识后，制作导航菜单总结
首先要说的是，在网页布局中html是结构，css是表现，JavaScript是行为。
用无序列表构建菜单
<ul>
<li><a></a></li>
<li><a></a></li>
</ul>
ul li a{display:block;} 定义的关键是将<a>标签设置成块元素，这样就可以设置导航栏的宽度，高度。
.通过设置float属性（float：left；），能将垂直菜单转换成水平菜单
.在制作圆角菜单时，背景图片是贴在哪个标签上的？
<a>标签
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
扫一扫
1724
