-
将垂直菜单变成水平菜单只需要给li添加一个左浮动float：left即可。查看全部
-
垂直菜单查看全部
-
使用li{ float:left;}来使得菜单变成水平的查看全部
-
通过设置·中的float属性能将垂直菜单转变成水平菜单查看全部
-
基本的样式清除： .{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{} 用于选择鼠标指针浮动在其上的元素，并设置其样式。查看全部
-
不用设置li，对<a>标签设置 为块元素查看全部
-
文本缩进：text-indent: n px; 空格用： <a>标签变成块元素：display;block; 去除列表圆点：list-style:none; 去除下划线：text-decoration:none a:hover{ background-color:#F60; color:#fff}鼠标经过的文字背景颜色和字体颜色查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
-
ul列表的小圆点清除list-style:none;查看全部
-
无序列表适合做导航栏查看全部
-
a:hover{ background-position:0 30px; color:#fff;} 菜单选中扩展查看全部
-
导航条菜单制作总结 1、用无序列表构建菜单；ul/li 2、垂直菜单转变为水平菜单：float:left； 3、在制作圆角菜单时，背景图片贴在<a>标签上； -------> 雪碧图的应用--- background-position 4、在制作改变高度的伸缩菜单时，实现高度向上延伸的技巧： ----> margin-top用负值； 5、用JS制作水平伸缩菜单时，“this”代表当前的<a>标签。查看全部
-
JQ、JS未学 a:hover { background: #F60; color: #fff; transition:0.5s;width:140px;}查看全部
-
hover 鼠标移动到目标时变色查看全部
-
行内元素的垂直居中处理可以通过设置line-height来实现~竖直向上伸缩，设置margin-top为负值查看全部
举报
0/150
提交
取消