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

  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 转载请注明

发表评论

目前评论:1