-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。查看全部
-
菜单下展查看全部
-
无序列表,一般使用ul/li来制作菜单导航条查看全部
-
有序列表,一般在有顺序的情况下使用查看全部
-
text-indent:文字缩进查看全部
-
ul li查看全部
-
window.onload=function(){ var aLi=document.getElementsByTagName('li'); for(var i=0; i<aLi.length; i++){ aLi[i].onmouseover=function(){ //鼠标经过一级菜单,二级菜单动画下拉显示出来 var subNav=this.getElementsByTagName("ul")[0]; subNav.className=''; } //鼠标离开菜单,二级菜单动画收缩起来。 aLi[i].onmouseout=function(){ var subNav=this.getElementsByTagName("ul")[0]; subNav.className="subNav"; } } }查看全部
-
.nav li a.on, .nav li a:hover{ background-position:0 30px; color:#fff;}查看全部
-
text-indent: 文字缩进查看全部
-
文字缩进 text-indent查看全部
-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。查看全部
-
一般都使用 “ul\li” 来制作“菜单导航条”查看全部
-
基本的样式清除: *{margin:0;padding:0} 无序列表圆点去除: ul{list-style:none} 下划线去除: a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度(padding会) 需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block} hover格式 a:hover{}查看全部
-
通过设置背景,改变外观样式 通过a:hover,可以为菜单添加交互效果。查看全部
-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高查看全部
举报
0/150
提交
取消