新程序 发表于 2025-5-24 12:10:36

html创建网站导航栏目





<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="UTF-8">
      <title>caidandaohang</title>
    <link rel="stylesheet" type="text/css" href="C:/Users/macbook/Desktop/daohang/css/ys.css">
<!--
<nav> 表示头部标签，用<ul>,<li>创建导航栏目，然后通过css样式来实现想要的导航
-->
</head>
<body>

   
<nav>
<ul>

<a href="/" class="logo">
<img src="C:/Users/macbook/Desktop/daohang/img/av.gif" alt="logo" width="100" height="50" >

</a>


   <li><a href="#">首页</a></li>
   <li><a href="#">最新</a></li>
   <li><a href="#">热门</a></li>
   <li><a href="#">评分</a></li>
   <li><a href="#">点赞</a></li>
   <li><a href="#">分类</a></li>
</ul>

</nav>



</body>
</html>


css样式文件


      nav {
            background-color: #333;
            padding: 10px 0;
      }
      
      nav ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            text-align: center;
      }
      
      nav ul li {
            display: inline;
            margin: 0 15px;
      }
      
      nav ul li a {
            color: white;
            text-decoration: none;
            font-family: Arial, sans-serif;
      }
      
      nav ul li a:hover {
            color: #4CAF50;
      }


卒挪 发表于 2025-10-8 01:44:55

喜欢鼓捣这些软件，现在用得少，谢谢分享！

艾曼语 发表于 2025-10-10 00:38:52

yyds。多谢分享

坡琨 发表于 2025-10-23 23:13:04

新版吗？好像是停更了吧。

党新苗 发表于 2025-11-19 09:42:04

东西不错很实用谢谢分享

揿纰潦 发表于 2025-11-22 12:03:59

懂技术并乐意极积无私分享的人越来越少。珍惜

第璋胁 发表于 7 天前

这个有用。

章娅萝 发表于 6 天前

不错，里面软件多更新就更好了

章娅萝 发表于 前天 00:23

热心回复！
页: [1]
查看完整版本: html创建网站导航栏目