首页html表白代码相册

html表白代码相册

时间: 2024-03-16 09:40:12 浏览: 73

HTML表白代码相册是一种利用HTML和CSS技术制作的网页，用于展示表白内容和照片的特殊页面。以下是一个简单的HTML表白代码相册的示例： ```html <!DOCTYPE html> <html> <head> <title>表白相册</title> <style> body { background-color: #f2f2f2; font-family: Arial, sans-serif; } h1 { text-align: center; color: #333; } .container { max-width: 800px; margin: 0 auto; padding: 20px; } .photo { display: flex; flex-wrap: wrap; justify-content: center; } .photo img { width: 200px; height: 200px; object-fit: cover; margin: 10px; } </style> </head> <body> <div class="container"> <h1>我对你的表白</h1> <div class="photo"> <img src="photo1.jpg" alt="照片1"> <img src="photo2.jpg" alt="照片2"> <img src="photo3.jpg" alt="照片3"> </div> </div> </body> </html> ``` 这段代码创建了一个简单的表白相册页面，包含一个标题和三张照片。通过修改`<img>`标签中的`src`属性可以替换成你自己的照片。

阅读全文