-
hover时,变高。所以设置高度。 但是,向下延伸→解决:margin:-xxpx。(小技巧?) height变,所以text-align变。查看全部
-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。查看全部
-
首页不hover时,背景和hover一样,所以给首页加class .class, a:hover:{} 2合1 背景用sprite查看全部
-
水瓶菜单,去text-indent,因为有text-align了。对a而非li做手脚哦查看全部
-
不对li做手脚,因为a可以block,语义化。查看全部
-
padding值也会加到宽高上去查看全部
-
菜单项被选中时,更改背景图片位置(上移或下移)background-position:0 -30px;查看全部
-
让<li>浮动li{float:left;},并去掉<ul>的宽度限制,即可让垂直菜单变为水平菜单。 另外还可以去掉文字缩进,改为水平居中 a{text-align:center}。查看全部
-
text-indent:10px; <文本缩进。不会影响盒子的宽度> padding-left:10px; (文字左移动,但是盒子宽度跟着增加) 垂直导航菜单制作关键:ul li a{display:block;} 将<a>标签设置成块状元素,然后对<a>进行样式(宽度、高度、背景、文本样式等)设置。 基本不用设置<li>标签。 <a>标签是最内部的元素,直接定义<a>标签,增加了a:hover的交互效果查看全部
-
先保存。。查看全部
-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。查看全部
-
text-indent:10px; <文本缩进。不会影响盒子的宽度> padding-left:10px; (文字左移动,但是盒子宽度跟着增加)查看全部
-
text-indent:10px; <文本缩进。不会影响盒子的宽度> padding-left:10px; (文字左移动,但是盒子宽度跟着增加)查看全部
-
5-1 伸缩菜单的制作-水平方向 jQuery:(stop()方法:结束)查看全部
-
4-1 伸缩菜单的制作-改变高度 原理:在鼠标经过、选中菜单项等状态时,改变该项的高度(变高),margin位移到合适的位置,字体垂直居中查看全部
举报
0/150
提交
取消