首页用HTML做一个简单的导航栏

用HTML做一个简单的导航栏

时间: 2023-12-26 10:05:45 浏览: 76

好的，以下是用HTML创建简单导航栏的代码示例： ``` <!DOCTYPE html> <html> <head> <title>导航栏示例</title> <style> /* 设置导航栏样式 */ ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; } li { float: left; } li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } li a:hover { background-color: #111; } </style> </head> <body> <ul> <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> </body> </html> ``` 您可以根据需要修改导航栏的样式和链接。

阅读全文