为了账号安全,请及时绑定邮箱和手机立即绑定

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
  • 水平菜单的制作 结构与垂直菜单一致(ul&li) li float:left; + 去掉ul的宽度限制
    查看全部
  • 基本的样式清除: *{margin:0;padding:0} 无序列表圆点去除: ul{list-style:none} 下划线去除: a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度(padding会) 需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block} hover格式 a:hover{}
    查看全部
  • ???
    查看全部
    0 采集 收起 来源:编程挑战

    2016-12-27

  • 基本的样式清除: *{margin:0;padding:0} 无序列表圆点去除: ul{list-style:none} 下划线去除: a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度(padding会) 需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block} hover格式 a:hover{}
    查看全部
  • background-position:x y x等于平行轴 y等于竖行轴。
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-24

  • z2x
    The border-radius CSS property allows Web authors to define how rounded border corners are. The curve of each corner is defined using one or two radii, defining its shape: circle or ellipse. This property is a shorthand to set the four properties border-top-left-radius, border-top-right-radius, border-bottom-right-radius and border-bottom-left-radius.
    查看全部
  • 给A标签添加background属性
    查看全部
  • 为什么不能用margin-bottom:10px;? [最新回答] 流云行者 流云行者: 其实li之前已经设置过margin-top:20px,所以它的外边距就是对已经固定的父级元素扩展了20px,就是说现在它的所有改变的行为都以此为根据了,如果你把li元素高度变大20px,那么li元素会向下生长而不会说把这20px给挤没了,所以就会挣脱ul的底边界插出去。而margin-top:-10px是a标签的行为
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-22

  • 首页两个字 中间的空格 是怎么设置的通过敲全角空格实现的,相当于2个字符
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-22

  • <li>要设置margin-top:正值;撑开ul的高度。 a:hover{height:40px;line-height:40px; margin-top:负值}.
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 如果要给水平菜单增加整体背景,需要对()进行哪些CSS设置? 解析 菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • background-position:30px 0 改变背景的位置
    查看全部
  • 菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • 使用display:inline-block; 也可以实现导航栏,不过要处理一下各个块之间的默认间距,需要将ul的font-size设置为0,看需求选择把。
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-21

  • <nav>标签直接是导航栏的功能 http://www.w3school.com.cn/tiy/t.asp?f=html5_nav
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

举报

0/150
提交
取消
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!