论坛

标题: 案例 [打印本页]
作者: joker两点    时间: 2018-5-13 23:33
标题: 案例
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>导航条案例</title>
  6. </head>
  7. <style>
  8. *{ margin:0; padding:0}
  9. ul{ list-style:none}
  10. .nav{ width:100%; height:40px; background:#F00; margin-top:100px}
  11. .nav ul{ width:1000px; height:40px;  margin:0 auto;}
  12. .nav ul li{ float:left }
  13. .nav li a{ width:120px; height:40px;  display:block; text-aligin:center; line-height:40px; color:#fff;text-decoration:none; font-size:18px; font-family:"黑体", "楷体", "宋体"}
  14. .nav li a:hover{ background:#FFF }

  16. </style>
  17. <body>
  18. <div class="nav">
  19.     <ul>
  20.         <li><a href="#">首页</a></li>
  21.         <li><a href="#">分类</a></li>
  22.         <li><a href="#">百科特色</a></li>
  23.         <li><a href="#">用户</a></li>
  24.         
  25. </body>
  26. </html>
复制代码


作者: lori棒棒糖    时间: 2018-5-14 17:31
作业完成没有问题哦~效果不错的，继续加油！



欢迎光临 论坛 (http://bbs.qinxue.com/) Powered by Discuz! X3.1