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

导航条菜单的制作

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

已采纳回答 / W_bobby
可以用缩进,用text-align居中对齐会比较好看。而且用text-indent缩进还要计算缩进多少,有可能不那么美观。

已采纳回答 / 慕粉3921328
因为背景图片上面30px是白色的 而行高也是30px,所以下面的橘色部分超出行高不显示,所以需要将其背景向上移动30px

已采纳回答 / POWER_YOU
This是你自己自己定义的一个变量,var This=this;那个This你想写成啥写成啥,这里视频老师给写成This了,而小写的this指的是,调用函数的那个对象,this是Javascript语言的一个关键字。             它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用

已采纳回答 / 血海无涯
是圆角~只是不太明显而已,当和页面白色一比较就明显了。

已采纳回答 / 嘛也不会
on 这个状态不只是代表鼠标悬停 同时也表示你当前选中的是谁, 所以你得有一个默认的选中, 只不过他这个没做全,应该在悬停或点击其他导航时 清除 之前的 on

已采纳回答 / Churjan
在padding上再加个box-sizing: border-box;就不会出现这样情况默认情况下width不包括padding的值,而offsetwidth=width+padding+border可能是这个原因导致的一些bug或不可描述的情况

已采纳回答 / wushengwei
在ul的样式中添加 list-style:none;

已采纳回答 / 折翼天使I
为了给ul设置下边线(boder-bottom),其实老师讲得有点麻烦了,你自己算一算高度应该设置为多少,就不用再margin了

已采纳回答 / 甜甜圈1991
没有绝对的固定宽度和高度时,可以不定义ul的宽度和高度,让他根据内容自适应更好一些;在UL没有绝对宽度时,并且Li有浮动,祖级需要清除浮动代码:<...图片...>效果图<...图片...>li没有浮动,ul无设置宽度和高度,则展示自适应宽度和内容撑开的高度代码:<...图片...><...图片...>

已采纳回答 / 慕粉3837716
应该是选中哪页,那页的标签就应该固定是选中状态吧,现在在首页,所以首页标签是选中状态。不是规定吧,应该是有这种效果,让用户更清楚,现在在哪一页。应该是这样吧。坐等看后面有没有如何跳页切换选中状态的代码。

已采纳回答 / menglin
margin:0 auto设置水平居中的前提是标签容器必须要有宽度,必须是款级元素才行。
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消