-
背景图片的偏移：background-position:0 -30px; 对于Y来说：-是向上移，+是向下移， 对于X来说：-是向左移，+是向右移查看全部
-
如果要给水平菜单增加整体背景，需要对（）进行哪些CSS设置？菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
通过设置背景，改变外观样式 通过a:hover 增加页面交互效果查看全部
-
文本缩进：text-indent: n px; 空格用： <a>标签变成块元素：display;block; 去除列表圆点：list-style:none; 去除下划线：text-decoration:none查看全部
-
文本缩进：text-indent查看全部
-
<title>水平导航菜单</title> <style type="text/css"> *{margin:0; padding:0; font-size:14px;} ul{ list-style:none;} a{color:#333;text-decoration:none} .nav li{float:left;} .nav li a{ display:block; text-indent:20px; height:30px; line-height:30px; width:100px; background-color:#efefef; margin-bottom:1px;} .nav li a:hover{ background-color:#F60; color:#fff} </style>查看全部
-
<title>导航菜单</title> <style type="text/css"> *{margin:0; padding:0; font-size:14px;} ul{ list-style:none; width:100px} a{color:#333;text-decoration:none} .nav li a{ display:block; text-indent:20px; height:30px; line-height:30px; width:100px; background-color:#efefef; margin-bottom:1px;} .nav li a:hover{ background-color:#F60; color:#fff} </style>查看全部
-
text-decoration：none查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致,ul.将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定宽查看全部
-
导航条菜单制作总结 1、用无序列表构建菜单；ul/li 2、垂直菜单转变为水平菜单：float:left； 3、在制作圆角菜单时，背景图片贴在<a>标签上； -------> 雪碧图的应用--- background-position 4、在制作改变高度的伸缩菜单时，实现高度向上延伸的技巧： ----> margin-top用负值； 5、用JS实现菜单的水平延伸效果时，“this”代表当前的<a>标签。查看全部
-
js动画查看全部
-
1.设置margin-top负值，而不是直接设置margin-bottom，是因为相对初始位置不变。【通用】 2.设置line-height，是因为之前的文字height为30px，现在容器height为40px，文字height没变，默认靠上，为了使文字居中改变行高。【特殊】查看全部
-
通过修改hover中margin-top为负数，达到向上偏移大小的效果 a:hover{ height:40px;margin-top:-10px;}查看全部
-
背景图片的偏移：background-position:0 -30px; 对于Y来说：-是向上移，+是向下移， 对于X来说：-是向左移，+是向右移查看全部
-
垂直菜单文本：text-indent进行文本缩进 水平菜单文本：text-align:center 进行文本居中查看全部
举报
0/150
提交
取消