利用HTML+CSS建立導航條(2)
阿新 • • 發佈:2020-12-20
技術標籤:前端學習
利用HTML+CSS建立導航條
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>導航條練習</title> <style type="text/css"> *{ margin: 0; padding: 0; } ul{ list-style: none; width:1000x; overflow: hidden; background-color
: cornflowerblue; margin: 50px auto; } li{ float: left; width: 20%; } a{ text-decoration: none; text-align: center; display: block; width: 100%; padding:10px 0px ; color: white; font-weight: white; } a:hover{ background-color: red; } </style> </head> <body> <ul> <li><a href="#">HMOE</a></li> <li><a href="#">PRODUCTS</a></li> <li><a href="#">SERVICES</a></li> <li><a href="#">BLOG</a></li> <li><a href="#">CONTACT</a></li> </ul> </body> </html>
只是簡單的學習,如有侵權,立即刪除