-
css3 实现下拉列表: ul li>ul{ transtion:height 0.5s } ul li:hover>ul{ height:200px; }查看全部
-
li浮动向左，垂直菜单变水平菜单查看全部
-
a查看全部
-
菜单查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <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> </head> <body> <ul class="nav"> <li><a href="#">首 页</a></li> <li><a href="#">新闻快讯</a></li> <li><a href="#">产品展示</a></li> <li><a href="#">售后服务</a></li> <li><a href="#">联系我们</a></li> </ul> </body> </html>查看全部
-
2016.8.29导航条查看全部
-
背景图片的偏移：background-position:0 -30px;<br> 对于Y来说：-是向上移，+是向下移，<br> 对于X来说：-是向左移，+是向右移. 菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高查看全部
-
文本缩进：text-indent: n px; 空格用： <a>标签变成块元素：display;block; 去除列表圆点：list-style:none; 去除下划线：text-decoration:none查看全部
-
字体居中的方式，最好是line-height:然后如果想要使box向上移动 可以使用margin-top:-10px;使用margin-top的负数就可以使完成相反方向的移动！查看全部
-
制作菜单： 1、垂直菜单：用ul、li来制作菜单，中间加超链接。之后用display:block将a标签变成块级元素，对其添加效果。 2、水平菜单：只需要添加float属性。 3、圆角菜单：给a标签添加背景。将第一个标签单独设置class属性，background position:属性设置。 4、伸缩菜单：在a:hover中设置。比a标签高度稍微高一点，文字伸缩利用margin-top，line-height设置。查看全部
-
背景图片的偏移：background-position:0 -30px; 对于Y来说：-是向上移，+是向下移， 对于X来说：-是向左移，+是向右移.查看全部
-
如果要给水平菜单增加整体背景，需要对（）进行哪些CSS设置？ 解析 菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
1.圆角菜单的制作，通过设置背景，改变外观样式。 通过a：hover，可以为菜单增加交互效果。 2.横向菜单与圆角菜单的却别是：为ul增加一个 装饰线 border-bottom、为a标签添加圆角背景，宽与高相适应、有一个默认的选中状态，所以要为a标签加上一个class"on" 在为它的样式添加上一个on，最后一动它的位置（y，x）查看全部
-
垂直菜单转变成水平菜单 float:left, 文本居中 text-align:center查看全部
举报
0/150
提交
取消