新程序 发表于 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

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

第璋胁 发表于 2025-11-30 10:39:24

这个有用。

章娅萝 发表于 2025-12-1 01:35:21

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

章娅萝 发表于 2025-12-5 00:23:03

热心回复！

公新蕾 发表于 2025-12-30 15:41:31

很好很强大我过来先占个楼 待编辑

啤愿 发表于 2025-12-31 14:46:21

前排留名，哈哈哈

慢秤 发表于 2026-1-1 13:04:17

东西不错很实用谢谢分享

诸婉丽 发表于 2026-1-3 10:16:35

感谢分享

季卓然 发表于 2026-1-13 17:33:26

分享、互助 让互联网精神温暖你我

髭赌 发表于 2026-1-14 02:04:00

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

翁真如 发表于 2026-1-17 22:22:39

感谢分享，学习下。

诸婉丽 发表于 2026-1-18 10:56:45

谢谢分享，辛苦了

炳裘垦 发表于 2026-1-19 11:40:25

东西不错很实用谢谢分享

嗣伐 发表于 2026-1-20 16:37:10

感谢，下载保存了

赐度虻 发表于 2026-1-20 18:37:30

yyds。多谢分享
页: [1] 2
查看完整版本: html创建网站导航栏目