导航条菜单的制作_技术问答

首页免费课导航条菜单的制作问答

导航条菜单的制作

全部评论问答未解决精华

紫金道童

.nav li a{border-radius: 15px 15px 0 0;background:#eee;
float:left; height:30px;text-align:center; line-height:30px; width:120px; margin-left:1px;}
.nav li a.on, .nav li a:hover{border-radius: 15px 15px 0 0;
background:#f60;color:#fff;}

0 3-3 编程练习

2017-01-16

紫金道童

不需要给.nav li添加float:left，可以直接把第10行删掉，然后把11行的display:block也删掉，然后直接给.nav li a设置float:left;就行了。因为给行内元素a设置float:left就相当于已经变成了块状元素，此时display:block是多余的。

4 2-3 编程练习

2017-01-16

紫金道童

二楼@孤月王珏你要火啊

0 1-3 编程练习

2017-01-16

糖豆

菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高

0 3-2 练习题

2017-01-15

FTWH_GP

江老师的HTML代码风格是能少就少呀~

1 1-1 垂直菜单的制作

2017-01-15

kevinZee

设置li{float：left；}貌似无法给整个列表添加一个背景颜色。但是li{display：inline；}实现横向可以

0 2-1 水平菜单的制作

2017-01-15

安联夜

那个叫老哥_稳的说一句逗比就能叫喷了？你心理要不要这么脆弱？

1 2-1 水平菜单的制作

2017-01-13

向上伸缩为什么不用margin-top:10px;实现

最新回答 / 清风流光

position: relative; bottom: 10px;我也看不懂负数用定位代替也可以

2 回答 746 浏览 4-1 伸缩菜单的制作——改变高度

2017-01-12

qq_icecream_2

.nav li a{
display:block;
text-align:center;
height:30px; line-height:30px; width:100px; background-color:#efefef; margin-bottom:1px;}
看看能不能居中

1 1-3 编程练习

2017-01-12

脚踏实地落地生根

不会，撤了

0 6-2 编程挑战

2017-01-07

为何首页的中间按空格不能实现呢

最新回答 / 慕无忌4172087

你去百度全角空格一般输入法默认半角空格改成全角空格就可以了

5 回答 960 浏览 2-3 编程练习

2017-01-06

原理没听懂，太快

最赞回答 / EricZoo

背景图片宽120px，高60px，但a标签的高度只有30px，所以默认状态下背景图片只显示了上半部分，然后通过background-position来移动背景图片左右不变为0，希望上移一半所以是-30px，所以hour状态实际就变成显示下半部分，所以就变色了~

4 回答 829 浏览 3-1 圆角菜单的制作

2017-01-05

慕粉3900641

文本缩进：text-indent: n px;

空格用：&nbsp;

<a>标签变成块元素：display;block;

去除列表圆点：list-style:none;

去除下划线：text-decoration:none

a:hover{ background-color:#F60; color:#fff}鼠标经过的文字背景颜色和字体颜色

2 1-3 编程练习

2017-01-05