CSS 基础学习-182 使用列表制作导航链接

hrs 提交于 2022/02/28 - 08:23 , 周一

使用列表制作导航链接

实例代码:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <style>
    </style>
  </head>
  <body>
    <ul>
      <li><a href="https://www.dwoke.com">首页</a></li>
      <li><a href="https://www.dwoke.com">文章</a></li>
      <li><a href="https://www.dwoke.com">下载</a></li>
      <li><a href="https://www.dwoke.com">文档</a></li>
      <li><a href="https://www.dwoke.com">关于</a></li>

    </ul>
    <p>注释:我们将href=“#”用于测试链接。在实际的网站中,用的是url</p>
  </body>

</html>

运行效果:

css-182.png

标签