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

avatar 2016年03月15日16:09:35 1 3712 views
博主分享免费Java教学视频，B站账号：Java刘哥 ，长期提供技术问题解决、项目定制：本站商品点此
  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;}/*去掉前面的点*/
  9.         li{display: inline;} /*让四个链接水平*/
  11.         a:link{text-decoration: none; /*去下划线*/
  12.                 padding-right: 10px;/*增加相邻的链接距离*/
  13.                 font-family: 宋体;
  14.                 color: black;}
  16.         a:hover{text-decoration: underline;
  17.                 color: red;}
  18.     </style>
  20. </head>
  21. <body>
  22.     <div id="header">
  23.         <ul>
  24.             <li><a href="index.html">首页</a></li>
  25.             <li><a href="qwb.html">轻微博</a></li>
  26.             <li><a href="qdkf.html">前端开发</a></li>
  27.             <li><a href="xxj.html">闲心集</a></li>
  28.         </ul>
  29.     </div>
  30. </body>
  31. </html>

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

转载请注明
历史上的今天
三月
15日
  • 微信
  • 交流学习，资料分享
  • weinxin
  • 个人淘宝
  • 店铺名：言曌博客咨询部

  • (部分商品未及时上架淘宝)
avatar

发表评论

avatar 登录者：匿名
匿名评论，评论回复后会有邮件通知

  

已通过评论：0   待审核评论数：0