首页用html写一个钢材网站，logo网站：https://gangcai.oss-cn-beijing.aliyuncs.com/uploads/20230324/f296158535c38746156a16d561e25cc3.png，顶部导航为：首页、钢材现货、采购信息、认证商家、用户中心，底部导航为：关于我们、隐私协议、用户协议、联系我们、加入我们

用html写一个钢材网站，logo网站：https://gangcai.oss-cn-beijing.aliyuncs.com/uploads/20230324/f296158535c38746156a16d561e25cc3.png，顶部导航为：首页、钢材现货、采购信息、认证商家、用户中心，底部导航为：关于我们、隐私协议、用户协议、联系我们、加入我们

时间: 2023-05-23 14:04:55 浏览: 65

A: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>钢材网站</title> <style> /* 样式表 */ header { background-color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 20px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); } header img { width: 150px; height: auto; } nav { display: flex; margin-right: 20px; } nav a { margin-left: 20px; text-decoration: none; color: #333; font-size: 16px; } nav a:hover { color: #0093ff; } footer { background-color: #f5f5f5; display: flex; justify-content: center; padding: 20px; } footer nav { display: flex; margin-right: 20px; } footer nav a { margin-left: 20px; text-decoration: none; color: #333; font-size: 16px; } footer nav a:hover { color: #0093ff; } </style> </head> <body> <header> <img src="https://gangcai.oss-cn-beijing.aliyuncs.com/uploads/20230324/f296158535c38746156a16d561e25cc3.png" alt="logo"> <nav> <a href="#">首页</a> <a href="#">钢材现货</a> <a href="#">采购信息</a> <a href="#">认证商家</a> <a href="#">用户中心</a> </nav> </header>  <footer> <nav> <a href="#">关于我们</a> <a href="#">隐私协议</a> <a href="#">用户协议</a> <a href="#">联系我们</a> <a href="#">加入我们</a> </nav> </footer> </body> </html>