【html和css入门】实现简单的页首导航

avatar 2016年3月15日16:09:35 评论 136 views
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6.     <style>
  7.         #header ul{list-style-type: none;}/*去掉前面的点*/
  8.         li{display: inline;} /*让四个链接水平*/
  9.         a:link{text-decoration: none; /*去下划线*/
  10.                 padding-right: 10px;/*增加相邻的链接距离*/
  11.                 font-family: 宋体;
  12.                 color: black;}
  13.         a:hover{text-decoration: underline;
  14.                 color: red;}
  15.     </style>
  16. </head>
  17. <body>
  18.     <div id="header">
  19.         <ul>
  20.             <li><a href="index.html">首页</a></li>
  21.             <li><a href="qwb.html">轻微博</a></li>
  22.             <li><a href="qdkf.html">前端开发</a></li>
  23.             <li><a href="xxj.html">闲心集</a></li>
  24.         </ul>
  25.     </div>
  26. </body>
  27. </html>

本文地址:http://liuyanzhao.com/3418.html

转载请注明

  • 微信
  • 交流学习,有偿服务
  • weinxin
  • 博客/Java交流群
  • 资源分享,问题解决,技术交流。群号:590480292
  • weinxin
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: