查看: 1027|回复: 0

导航条菜单的制作-imooc


16-6-2 17:35:44 | [复制链接]

12

主题

192

帖子

433

积分

牛人

Rank: 3Rank: 3

发表于 16-6-2 17:35:44 | 显示全部楼层 |阅读模式
导航条菜单的制作-imooc



  1. <style>
  2. *{margin:0; padding:0; font-size:14px;}
  3. ul{list-style:none;width:100px;}/*消除前面的圆点*/
  4. a{text-decoration:none; /*消除下划线*/display:block;height:30px; line-height:30px; width:100px;background-color:#ccc;margin-bottom:1px;text-indent:10px;}
  5. a:hover{background-color:#f60;color:#fff}/*鼠标划过显示的内容*/
  6. </style>
  7. <body>
  8. <ul>
  9. <li><a href="#">首  页</a></li>
  10. <li><a herf="#">新闻快讯</a></li>
  11. <li><a herf="#">产品展示</a></li>
  12. <li><a herf="#">联系我们</a></li>
  13. </body>
复制代码





您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

最新活动

  • 1024程序员节刚过 千锋教育设计学院万圣节海报设计决赛开启

千锋教育公众号

订阅|小黑屋|手机版|千锋教育论坛 ( 京ICP备12003911号-3 )

GMT+8, 20-2-22 05:19 , Processed in 0.237225 second(s), 38 queries .

Powered by Discuz! X3.2

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表