-
已经设置了margin-top 再设置margin-bottom是撑不上去的 所以设置margin-top:-10px查看全部
-
list-style：none 取消ul前的点，text-decoration：none 去除链接下划线。查看全部
-
background-position:0 -30px查看全部
-
用无序列表构建菜单<ul><li></ui></ui>查看全部
-
在css中加ul>li ul{transition:height 0.3s;} ul>li:hover ul{height: 120px;}能起到同样的效果查看全部
-
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) } }查看全部
-
<a>元素加上display:block;后会变成块元素可以直接在上面定义宽高、背景等和div一样。查看全部
-
导航条菜单的制作总结： 无序列表垂直导航（ul&li） 无序列表横向导航（float:left） 圆角菜单导航 高度伸缩菜单导航 水平伸缩菜单导航查看全部
-
导航栏原来a高度是30px，当鼠标经过时，高度纵向上高出10px，并且字体保持居中，方法： a:hover{height:40px;margin-top:-10px;line-height:40px;} 1.设置margin-top负值，而不是直接设置margin-bottom，是因为相对初始位置不变。【通用】 2.设置line-height，是因为之前的文字height为30px，现在容器height为40px，文字height没变，默认靠上，为了使文字居中改变行高。【特殊】 使用margin的负值可实现向上移动 为什么不能用margin-bottom:10px;? [最新回答] 流云行者 流云行者: 其实li之前已经设置过margin-top：20px，所以它的外边距就是对已经固定的父级元素扩展了20px，就是说现在它的所有改变的行为都以此为根据了，如果你把li元素高度变大20px，那么li元素会向下生长而不会说把这20px给挤没了，所以就会挣脱ul的底边界插出去。而margin-top：-10px是a标签的行为，后面你懂的...（因为style里面已经设置了margin-top的高度，bottom是撑不上去的，只有减少top的高度以达到效果）查看全部
-
伸缩导航条的制作 将圆角导航条上修改成伸缩导航条！ 去挑圆角贴图，给.on,a:hover加会原来的背景颜色。 把a标签的背景图片删掉，给.on,a:hover添加 高度，“重点”：margin可以用负值，相反方向移动。 通过改变<a>标签的margin值，实现菜单项【向上增高】，同时让文字垂直居中。 a{height:30px;} a:hover{height:40px;margin-top:-10px;line-height:40px;}/*重点*/ 提示： margin可以用负值，向相反方向移动。 改变a标签的高度height:40px，这样是向下增加的，再设置margin为负值，向反方向移动margin-top:10px，但文字也向上移动了，可设置a标签line-height:40px 最后居中，line-height查看全部
-
没学。先欠着！！！！！！！！！！！！！！！查看全部
-
图片的样式你可以看前面的视频，有说明。大概就是一个120px * 60px 的图片，上面30px是灰色的，下面30px是橘黄色的。 把这张图片设为背景的话，默认background-position：0 0；也就是距离左边0px，距离上面0px ,刚好是对应图片的灰色区域 ； 设置background-position：0, -30px ;就是距离左边0px ,距离上面-30px（图片整体上移30px） ,所以你看到的背景就变成橘黄色咯。 背景图片的偏移：background-position:0 -30px; 对于Y来说：-是向上移，+是向下移， 对于X来说：-是向左移，+是向右移 图片移动是循环的，也就是说，你设置30px 90px，或者-30px -90px效果都一样 没有修改背景重复属性，默认重复。 代码中加入以下代码，则当下移时出现白色原始背景。 background-repeat:no-repeat;查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
1.圆角菜单的制作，通过设置背景，改变外观样式。 通过a：hover，可以为菜单增加交互效果。 2.横向菜单与圆角菜单的却别是：为ul增加一个 装饰线 border-bottom、为a标签添加圆角背景，宽与高相适应、有一个默认的选中状态，所以要为a标签加上一个class="on" 在为它的样式添加上一个on，最后移动它的位置（x，y） 圆角菜单：border-radius; /* CSS */ background-image:url(); /* 插入图片 */ background-position: /* 图片定位 */查看全部
-
设置水平菜单导航栏 在垂直菜单导航栏样式基础上修改： 1、设置li为左浮动 2、将ul限制宽度去掉(之所以要把宽度去掉，是因为ul的宽度一旦确定了，在水平排列的时候，一旦li的宽度超过了ul设置的宽度，那么又要垂直排列了，所以把宽度去掉，当然当ul的宽度设置到足够大时也能水平显示) 3、设置文本居中，text-align:center,将之前的text-indent（文本缩进）属性删掉查看全部
举报
0/150
提交
取消