-
增加长度后，要用负值对齐 a:hover{hegiht:40px;line-hegiht:40px;margin-top:-10px;}查看全部
-
.nav li{float:left;} 水平导航查看全部
-
调整导航位置 ul{padding-left:30px;} li{margin-top:20px;}查看全部
-
CSS height:50px;border-bottom:5px solid #F60 导航橙色直线查看全部
-
圆角菜单的制作 1.通过设置背景，改变外观样式 通过a:hover,可以为菜单增加交互效果。 2.横向菜单与圆角菜单的区别是：为ul增加一个 装饰线 border-bottom、为a标签添加圆角背景，宽与高相适应、有一个默认的选中状态，所以要为a标签加上一个class="on" 在为它的样式添加上一个on，最后移动它的位置（x，y） 圆角菜单：border-radius; /* CSS */ background-image:url(); /* 插入图片 */ background-position: /* 图片定位 */ background-position是设置背景位置，第一个参数：水平位置（左右）为0是不变化;第二个参数：设置垂直方向 （上下），-30px是向下移动30px。查看全部
-
在垂直的基础上 加上 li{float:left;} 吧ul中的width加到a中查看全部
-
垂直菜单查看全部
-
<ul> <li><a href = "#"></a></li> </ul>查看全部
-
无序查看全部
-
样式设置在哪个上面查看全部
-
1、负边距对文档流的影响：增加元素宽度 2、负边距对浮动元素的影响：使后面的元素叠加到前面的元素 3、负边距对绝对定位的影响：边界向内收敛查看全部
-
背景图片的偏移：background-position:0 -30px; 对于Y来说：-是向上移，+是向下移， 对于X来说：-是向左移，+是向右移查看全部
-
display:block; a标签定义成行内块 text-indent:20px; 文字缩进20px a:hover{ background-color:#F60; color:#fff}鼠标经过的文字背景颜色和字体颜色查看全部
-
JS编写菜单伸缩动画查看全部
-
鼠标移过显示二级菜单 <script> window.onload=function(){ var aLi=document.getElementsByTagName('li'); for(var i=0; i<aLi.length; i++){ aLi[i].onmouseover=function(){ //鼠标经过一级菜单，二级菜单动画下拉显示出来 var oSubNav=this.getElementsByTagName('ul')[0]; if(oSubNav){ var This=oSubNav; clearInterval(This.time); This.time=setInterval(function(){ This.style.height=This.offsetHeight+16+"px"; if(This.offsetHeight>=120) clearInterval(This.time); },30) } }查看全部
举报
0/150
提交
取消