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

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

导航条菜单的制作

全部评论问答未解决精华

franciswsl

display:inline-block;
text-indent:20px;

0 1-3 编程练习

2016-07-19

聆听的鱼

一般都对ul设置overflow none;

3 3-2 练习题

2016-07-19

珂珂凉

为啥放在DW上运行不出这样的效果呢

1 1-3 编程练习

2016-07-18

威武小土豆

不使用贴图即可实现

0 3-1 圆角菜单的制作

2016-07-18

枫的轻吟

老友记！！！！！！！！！！

0 1-1 垂直菜单的制作

2016-07-18

慕运维2460976

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

0 3-2 练习题

2016-07-17

慕粉3216583

设置background-position 可以移动背景图像第一个值表示左右移动第二个值表示上下移动当然了往下移动就要是负值，是不是因为是坐标方向的作用？两个图片合并成一个图片这种做法还是很吊的。

2 3-3 编程练习

2016-07-17

影月丶三

现在谁还用贴图来做圆角，都是用CSS3了，border-radius ；可以写一个值，两个值，三个值，四个值。用法类似于margin，一个值代表：上右下左都一样；两个代表：上下，左右；三个值代表：上，左右，下；四个值代表：上，右，下，左。

2 3-1 圆角菜单的制作

2016-07-16

影月丶三

一般而言，都是使用 display:inline-block 来制作水平导航，这里用浮动只是有这个效果，就如同学提到的，其实ul并没有实际宽度，因为li使用了浮动。

0 2-3 编程练习

2016-07-16

影月丶三

看了一下各位同学大大的评论，都说这里用text-align:center 要好点，的确在这里是要好点，不过呢，当你菜单的内容不是四个字的时候，而是五个字或者三个字或者什么什么的时候，那么问题来了，可以选择居中，也可以选择用text-indent 属性来左对齐。

2 1-3 编程练习

2016-07-16

____宁静之雨

全角输入法状态下可以打出空格。不用&nbsp；

14 1-3 编程练习

2016-07-16

慕斯3749885

for(var i=0; i<aLi.length; i++){
aLi[i].onmouseover=function(){
var that=this;
var aUl=that.getElementsByClassName('subNav')[0];
aUl.style.overflow='visible';
}

1 6-2 编程挑战

2016-07-15

慕瓜6724164

研究了一下还是老师写的方法最好

0 2-1 水平菜单的制作

2016-07-14

慕瓜6724164

width:100px

0 1-1 垂直菜单的制作

2016-07-14

慕瓜6724164

li{
width:150px;
background:#ccc;
margin-bottom:1px;
text-align:center;
}
li:hover{
background:red;
}
li a{
text-decoration:none;
}
li a:hover{
color:white;
}

效果一样但是更容易理解

0 1-1 垂直菜单的制作

2016-07-14

首页上一页 42 43 44 45 46 47 48 下一页尾页

该课程已下架

课程须知: 1.熟悉html知识，尤其对<ul>和<a>比较熟悉； 2.对css样式比较了解； 3.掌握JavaScript和jQuery基础知识。

老师告诉你能学到什么？: 轻松制作出各种形式的网站导航条菜单

微信扫码，参与3人拼团

热搜

最近搜索清空

导航条菜单的制作