归档：完成实验一>导航栏->左侧对象

2025-02-26 11:12:21 +08:00
parent f575b6f05f
commit 566efcf219
3 changed files with 125 additions and 0 deletions
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="zh_CN">
+  <head>
+    <meta charset="UTF-8" />
+    <!--这是index.html-->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>用户注册</title>
+    <!--导入样式表-->
+    <link rel="stylesheet" href="index.css" />
+  </head>
+  <body>
+    <!--导航栏-->
+    <div id="navbar">
+      <!--导航栏左侧对象-->
+      <div class="navobj">
+        <a href="#">首页</a>
+      </div>
+      <div class="navobj dropdown">
+        <!--商品分类下拉菜单-->
+        <a href="#" class="dropbtn">商品分类</a>
+        <div class="dropdown-content">
+          <a href="#">分类1</a>
+          <a href="#">分类2</a>
+          <a href="#">分类3</a>
+        </div>
+      </div>
+      <div class="navobj"><a href="#">热销</a></div>
+      <div class="navobj"><a href="#">新品</a></div>
+      <div class="navobj"><a href="#">注册</a></div>
+      <div class="navobj"><a href="#">登录</a></div>
+    </div>
+  </body>
+</html>