Difference between revisions of "Team:NCTU Formosa/Test"

@@ Line 1: / Line 1: @@
 {{NCTU_Formosa}}
-<!doctype html>
 <html>
@@ Line 6: / Line 5: @@
      <meta charset="UTF-8">
      <title>Untitled Document</title>
-     <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+     <style>
-     <link href="Home.css" rel="stylesheet" type="text/css">
+ul.navigation {
-     <script src="Home.js" type="text/javascript"></script>
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+}
+li.navigation {
+    float: left;
+}
+li.dropdown {
+    display: inline-block;
+}
+.navigation li {
+    float: left;
+}
+.navigation li a, .dropbtn {
+    display: inline-block;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+.navigation li a:hover, .dropdown:hover .dropbtn {
+    background-color: red;
+}
+.dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: #f9f9f9;
+    min-width: 160px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+     z-index: 1;
+}
+.dropdown-content a {
+    color: black;
+    padding: 12px 16px;
+    text-decoration: none;
+    display: block;
+     text-align: left;
+}
+.dropdown-content a:hover {background-color: #f1f1f1}
+.dropdown:hover .dropdown-content {
+    display: block;
+}
+</stlye>
 </head>