为了账号安全,请及时绑定邮箱和手机立即绑定

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰

最新回答 / 夏洛克的网
display:block是设置为块级元素,inline-block才是行内块

最新回答 / 夜莺z
>是指只能一代接一代,比如: nav>ul>li>ul>li,必须是下面这样的           <nav>                <ul>                    <li>                        <ul>                            <li></li>                        </ul>     ...
.nav li{ display:inline-block;margin-left:10px}
把.nav li a 里的display:block删除就好
把li标签变成行内块状元素,然后再每个li标签设置左边距
css实现并没有过渡动画
宝宝要先学后面,在回抄
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj

已采纳回答 / 倚笑乘风
margin-top:-10px;能往反方向移动,即向上移动10像素。margin-bottom:10px只是设置下边距,不会往相反方向移动。-号的作用基本就是往相反的方向移动。通常人们很少使用负margin但随后你会了解到,它能做很多东西,下面是几条有关负margin需要注意的地方:负margin是W3C认准的CSS是绝对标准的。W3C甚至标注过:对于margin属性来说,负值是被允许的。负maring不是一种hack,不能因为缺乏对负marign的理解,就认为它是一种hack方法。除非你是用来修复自己...

最新回答 / ASuYongZhi
给父盒子添加宽度和高度,然后使用margin:0 auto;就可以居中显示了。
大家有没有发现:
设置margin-top:-10px;可以看到后面的灰色的导航条跟下面的那个橙色的边框线底部没有对齐。当鼠标划上去的时候那个橙色的部分会把留白的部分盖住;

当设置padding-top:10px的时候,可以看到橙色部分多了10px,也是就是说橙色部分高度要大于灰色的高度。

已采纳回答 / Ryuutetsu哲
跟html同一文件夹下直接用文件名就行,如果不在同一文件夹下需要使用..退出当前文件夹,比如你这个image文件夹如果跟存放html的文件夹在同一个文件夹下,就写成../images/btnBg.png,如果还在上一级就需要../../文件名称  这个样子
为什么没有清除浮动呢?没人发现吗。我的电脑没有清除浮动 那个线是在最上面的
用2.0的速度观看效果不一般
想在一行显示可以 ul{ list-style:none;width:600px;overflow:hidden;}
【孤月王珏】 这个人的话别信 他断章取义而已 并没有弄懂,更没有自己去验证自己说的话是不是真的 。a如果为块级元素 它里面的文本是可以用text-align:center。但是a如果是块级元素的话,他的父元素用text-align:center,是无法让a实现在父元素中居中的。但是如果你需要实现a居中的话用它自身的属性就行,去掉display:block。。。 欢迎拍砖 欢迎访问gelory.me 我的博客
老师这里用的js是有渐变效果的 而css只能实现瞬变
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消