-
圆角菜单制作 ul加底边框,li向下移动,圆角贴图贴在a标签下 hover:更改background-position查看全部
-
水平菜单的制作 结构与垂直菜单一致(ul&li) li float:left; + 去掉ul的宽度限制查看全部
-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。查看全部
-
垂直菜单制作 用无序列表构建菜单 <ul> <li> <a href = ""></a></li> <li> <a href = ""></a></li> ... </ul> <a>标签的设置 ul li a{display:block;} 定义的关键是将a标签设置为块元素查看全部
-
基本的样式清除: *{margin:0;padding:0} 无序列表圆点去除: ul{list-style:none} 下划线去除: a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度(padding会) 需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block} hover格式 a:hover{}查看全部
-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。查看全部
-
导航条菜单制作总结 1、用无序列表构建菜单;ul/li 2、垂直菜单转变为水平菜单:float:left; 3、在制作圆角菜单时,背景图片贴在<a>标签上; -------> 雪碧图的应用--- background-position 4、在制作改变高度的伸缩菜单时,实现高度向上延伸的技巧: ----> margin-top用负值; 5、用JS制作水平伸缩菜单时,“this”代表当前的<a>标签。查看全部
-
伸缩效果的菜单:改变高度,在hover样式中,向上增加margin-top:负像素,文字居中设置line-hright:在原基础上增加相同的像素。查看全部
-
背景图片的位置 默认是左上角 0 0 第一个值是水平位置,第二个值是垂直位置。左上角是 0 0。单位是像素 (0px 0px) 使背景图片沿y轴向上移动30px(水平方向不动) 如果您仅规定了一个值,另一个值将是50%。 您可以混合使用 % 和 position 值。查看全部
-
大图里扣小图 用background-position查看全部
-
background-position:水平 竖直;查看全部
-
二级下拉菜单查看全部
-
高度增加查看全部
-
导航菜单高度增加,设置margin-top相应的负值查看全部
-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。查看全部
举报
0/150
提交
取消