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

导航条菜单的制作

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

最赞回答 / 大胆的欠扁
<a>标签原本是行内元素,可以设置text-align,但是不能设置宽度和高度,当<a>标签设置为块级元素,会同时具有行内元素和块级元素的特征,即可设置text-align,又能设置宽高。

最新回答 / 幕布斯2456136
直接在hover里面改背景颜色的话,看到的会四方形的效果,老师用图片移动,是要用图片上画的圆角效果

已采纳回答 / qq_执着Paranoid_0
不过想要设置一些复杂的效果还是要用到JS的

已采纳回答 / 一叶红尘
1<img>里加上title属性写上你想要的就好了。2首先类选择器优先级高于标签选择器,其实这里ul也可以用类选择器表达但是就一个没有必要,类选择器出现在你需要对有相同元素的其中某个定义样式吧,就是定位更精准了我是这样理解的。

最新回答 / 一叶红尘
"{ margin:0; padding:0; font-size:14px;}用*号;给a设置个float:left;就好。a:hover{ background-color:#f60; clear:#fff}这里是color颜色不是clear清理浮动。还有a用text-alig就好不用缩进了。这里很多时候错一个标点都不可以的 你得小心

最新回答 / Jock_0715
是的,如果这个li的宽度是一百的话,只能塞进一个导航,其他几个导航就会挤到下一列去,就变成两列以上了。
中间几天打游戏忘记学习了,现在看有点跟不上,哭....要回头继续复习才行。打卡

最新回答 / swaggyzhouyu
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>导航菜单</title><style type="text/css">*{margin:0; padding:0; font-size:14px;...

已采纳回答 / MrThinco
利用css3可以这样操作:border:2px solid;border-radius:25px;不过css3做出来的圆角弧度那些肯定没法像图片那样可以做出各种理想型的弧度,如果是平时要求不高那么可以用css3来替代这个弧度圆角,但是,如果产品需求很高,要求的很严格,那还是用图片背景来做吧。这个两个方法都行,主要是看自己的产品适合需求。反正,两种方法都掌握,没坏处,技多不压身。加油!
var oSubNav=this.getElementsByTagName(&#039;ul&#039;)[0];
oSubNav.style.overflow=&quot;visible &quot;;
}
//鼠标离开菜单,二级菜单动画收缩起来。
aLi[i].onmouseout=function(){
var oSubNav1=this.getElementsByTagName(&#039;ul&#039;)[0];
oSubNav1.style.overflow=&quot;hidden&quot;;
&lt;style type=&quot;text/css&quot;&gt;
*{margin:0; padding:0; font-size:14px;}
ul{ list-style:none; width:100px}
a{color:#333;text-decoration:none}
&lt;style type=&quot;text/css&quot;&gt;

height:30px; line-height:30px; width:100px; background-color:#efefef; margin-bottom:1px;}
.nav li a:hover{ background-color:#F60; color:#fff}
&lt;/style&gt;

最新回答 / big_long
这些都是前端入门的一些基础知识,都i是必学的,内容也相对简单,容易上手。亲,要加油啊!!!
前端还要讲为什么怎么做?“我们之所以现在要用个 height 标签是因为要给它添个高度啊,我们之所以要用个 width 标签是因为要添个宽度啊”,您老又得说老师罗里吧嗦废话真多了
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消