首页写一个html+css网页

写一个html+css网页

时间: 2023-09-29 17:08:05 浏览: 77

好的，这里提供一个简单的 HTML 和 CSS 网页示例，供参考： ``` <!DOCTYPE html> <html> <head> <title>我的网页</title> <style> body { background-color: #f1f1f1; font-family: Arial, sans-serif; color: #333; margin: 0; padding: 0; } .container { width: 80%; margin: 0 auto; padding: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); } h1 { font-size: 36px; margin-bottom: 20px; } p { font-size: 18px; line-height: 1.5; margin-bottom: 10px; } .button { display: inline-block; padding: 10px 20px; background-color: #007bff; color: #fff; text-decoration: none; border-radius: 5px; border: none; transition: background-color 0.2s ease; } .button:hover { background-color: #0069d9; } </style> </head> <body> <div class="container"> <h1>欢迎来到我的网页</h1> <p>这是一个简单的 HTML 和 CSS 示例网页。</p> <p>这里是一个段落，可以写一些内容。</p> <a href="#" class="button">了解更多</a> </div> </body> </html> ``` 这个示例网页有一个白色背景、居中的内容容器、一个大标题、一些文本段落和一个按钮。其中，CSS 部分设置了字体、颜色、间距、背景色、阴影、圆角和过渡等效果。

阅读全文