首页帮我写个前端页面

帮我写个前端页面

时间: 2023-07-01 16:17:14 浏览: 67

好的，以下是一个简单的HTML和CSS的前端页面示例，你可以根据自己的需要进行修改和调整。 ```html <!DOCTYPE html> <html> <head> <title>前端页面示例</title> <style> body { margin: 0; padding: 0; font-family: Arial, sans-serif; } .container { max-width: 1200px; margin: 0 auto; padding: 20px; } h1 { font-size: 36px; font-weight: bold; margin-bottom: 20px; } p { font-size: 18px; line-height: 1.5; margin-bottom: 10px; } .button { display: inline-block; background-color: #007bff; color: #fff; padding: 10px 20px; border-radius: 5px; text-decoration: none; font-size: 18px; transition: background-color 0.3s ease; } .button:hover { background-color: #0062cc; } .image { max-width: 100%; height: auto; margin-bottom: 20px; } </style> </head> <body> <div class="container"> <h1>欢迎来到前端页面示例</h1> <img src="example.jpg" alt="示例图片" class="image"> <p>这是一个简单的前端页面示例，使用了HTML和CSS来实现。</p> <p>您可以根据自己的需要来修改和调整这个页面，以便创造出更适合自己的页面。</p> <a href="#" class="button">了解更多</a> </div> </body> </html> ``` 这个页面包含一个标题、一个图片、两段文本和一个按钮。CSS样式规则定义了页面的布局、字体、颜色等。你可以根据自己的需求来修改和调整这个页面，例如更换图片、修改文本、调整样式等。

阅读全文