-
设置行内块 a{display:inline-block;}(a元素只有设置成块之后才可以设置高和宽)<br> 文字缩进： a{text-indent:20px;} 鼠标悬停时背景颜色变为橙色，字体颜色为白色 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{}查看全部
-
不懂。查看全部
-
用jQUery实现水平宽度伸缩查看全部
-
鼠标移入和移出时的处理，记得首先要清除之前的设置，避免累加查看全部
-
鼠标经过时菜单宽度变大查看全部
-
<style type="text/css"> *{margin:0; padding:0; font-size:14px;} a{color:#333;text-decoration:none} .nav{list-style:none; height:30px; border-bottom:10px solid #F60; margin-top:20px; padding-left:50px;} .nav li{float:left} .nav li a{display:block; height:30px;text-align:center; line-height:30px; width:120px; background:url(http://img1.sycdn.imooc.com//53846438000168f901200060.jpg); margin-left:1px;} .nav li a.on, .nav li a:hover{ background-position:0 -30px; color:#fff;} </style>查看全部
-
*{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}查看全部
-
设置效果查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
设置浮动使导航栏变为水平,取消垂直对齐, 设置文本居中，text-align:center查看全部
-
本小节，有问题，还实现不了，要多看多学习查看全部
-
伸缩菜单的制作——水平方向的JS代码查看全部
-
菜单<li>浮动后，<li>脱离文档流，导致<ul>将失去高度和宽度；如果需要对<ul>进行整体背景设置，首先要给<ul>定义宽、高。查看全部
-
1、background-position:50px 50px 第一个值是水平方向的，第二个字是垂直方向的。2、之前一直不明白的是为什么只显示图的上半部分白色的，看到有个人的回答是background-position默认的是background-position:0 0,然后a 标签的高度又设置的是30px而整个图片60px,上下各30px，所以没有hover的时候显示的是上部分的白色区域。查看全部
举报
0/150
提交
取消