首页找一个简易的网页设计运用html+css的作业

找一个简易的网页设计运用html+css的作业

时间: 2023-06-15 16:06:59 浏览: 128

以下是一个简单的网页设计示例： ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> <style> body { background-color: #f2f2f2; font-family: Arial, sans-serif; } .header { background-color: #333; color: white; padding: 20px; text-align: center; } .navbar { background-color: #f44336; overflow: hidden; } .navbar a { float: left; color: white; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; } .navbar a:hover { background-color: white; color: #f44336; } .content { padding: 20px; } .footer { background-color: #333; color: white; padding: 10px; text-align: center; } </style> </head> <body> <div class="header"> <h1>欢迎来到我的网页</h1> </div> <div class="navbar"> <a href="#">首页</a> <a href="#">关于我们</a> <a href="#">联系我们</a> </div> <div class="content"> <h2>这里是网页的内容</h2> <p>这是一个简单的网页设计示例，使用了 HTML 和 CSS。</p> <p>这个网页包括一个页眉，一个导航条，一些内容和一个页脚。</p> </div> <div class="footer"> <p>版权所有 © 2021</p> </div> </body> </html> ``` 这个网页包括一个页眉，一个导航条，一些内容和一个页脚。它使用了 HTML 和 CSS 来实现不同的样式和布局。你可以尝试修改其中的样式和内容，来创建你自己的网页设计。

阅读全文