(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <title>Homepage</title> | ||
+ | <style> | ||
+ | ul { | ||
+ | list-style-type: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: 200px; | ||
+ | background-color: #f1f1f1; | ||
+ | overflow:hidden; | ||
+ | position: relative; | ||
+ | top:0px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | li a { | ||
+ | display: block; | ||
+ | color: #000; | ||
+ | padding: 8px 16px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | li { | ||
+ | text-align: center; | ||
+ | border-bottom: 1px solid #555; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | |||
+ | li a:hover { | ||
+ | background-color: #555; | ||
+ | color: white; | ||
+ | } | ||
+ | li a.active { | ||
+ | background-color: #4CAF50; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | li a:hover:not(.active) { | ||
+ | background-color: #555; | ||
+ | color: white; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <ul> | ||
+ | <li><a href="#home">主页</a></li> | ||
+ | <li><a href="#news">新闻</a></li> | ||
+ | <li><a href="#contact">联系</a></li> | ||
+ | <li><a href="#about">关于</a></li> | ||
+ | </ul> | ||
+ | |||
+ | |||
+ | </body> | ||
+ | </html> |
Revision as of 03:32, 21 June 2018