-
利用a{float：left；}实现水平菜单查看全部
-
win8菜单导航源代码查看全部
-
把a标签定义成行内块display:block 文字缩进20px 文字缩进20px查看全部
-
window.onload=function(){ //是将dom加载完成后再执行这里面的代码 }查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
-
<a>标签默认是 行内 ，那问题应该是错了，应该是转为块状元素，才能设置宽高，不然不起作用查看全部
-
伸缩菜单的制作——改变高度（鼠标经过菜单，高度发生变化） 恢复到无圆角的状态 在on,a:hover中添加高度，添加后的效果是往下 的增加高度，不和我们想要的往上增加高度一样，这时需要继续添加margin-top:-10px (margin可以用负值，向相反方向移动) 整体鼠标划过的效果高度向上了但是文字也向上了，在on,a:hover中把文字的垂直居中修改成line-height:40px;查看全部
-
通过设置背景，改变外观样式； 通过a:hover，可以为菜单增加交互效果； 增加底部的装饰线：把ul增加一个高度；border-bottom:5px solid #F60;把菜单向下移动到装饰线的位置：li{margin-top:20px}; 整个菜单向右侧移动：ul{padding-left:30px;} 贴上圆角背景，圆角背景是添在a标签上的，宽度设为120px;找到圆角背景图片：background:url…. 对于选中状态：a标签中增加一个class=”on”;默认选中状态和a的hover状态是一样的，则可以写在一起，之前设置的background-color可以删掉，把背景图片直接更改，水平方向没有变化，向下移动30px；.on,a:hover{color:#fff;background-position:0-30px}查看全部
-
水平菜单查看全部
-
水平菜单的结构和垂直菜单的结构是一样的，一般默认为垂直菜单，若要改为水平菜单，只需要重新设置css样式。 先将<li>浮动：li{float:left;} 之前设置的<ul>宽度去掉； 文本还是左对齐的情况需要改为文本居中对齐：text-align:center; 把之前的文本缩进去掉查看全部
-
text-indent:可以实现首行缩进，同时不影响原来定义的宽度；在设计菜单的时候需要把原来行级元素设计为块级元素。 a标签转成行内块级元素： display:inline-block;查看全部
-
需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block}查看全部
-
基本的样式清除： *{margin:0;padding:0} 无序列表圆点去除： ul{list-style:none} 下划线去除： a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度（padding会） 需要将a标签设置为块元素，才能设高宽、hover效果 代码：a{display:block} hover格式 a:hover{}查看全部
-
基于对象 overflow查看全部
-
@woider: 【任务1】:clearInterval【任务2】:setInterval【任务3】:offsetWidth CSS3已经支持过渡效果了，在 a.on, a:hover 总添加样式：width:160px;transition: width 500ms; 也可以完成缩放效果。查看全部
举报
0/150
提交
取消