首页使用HTML CSS 写一个元旦贺卡

使用HTML CSS 写一个元旦贺卡

时间: 2023-07-20 20:12:40 浏览: 81

好的，这是一个简单的HTML和CSS代码，可以用来制作元旦贺卡： HTML代码： ``` <!DOCTYPE html> <html> <head> <title>元旦贺卡</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="card"> <h1>新年快乐！</h1> <p>祝愿您在新的一年里身体健康，心情愉快，事业有成，家庭幸福！</p> <img src="https://img-blog.csdn.net/20171229110225018" alt="元旦贺卡"> </div> </body> </html> ``` CSS代码： ``` .card { background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 10px #ccc; margin: 50px auto; max-width: 600px; padding: 30px; text-align: center; } h1 { font-size: 36px; margin-bottom: 20px; } p { font-size: 24px; margin-bottom: 30px; } img { max-width: 100%; } ``` 你可以将图片链接替换为自己喜欢的图片，然后用浏览器打开HTML文件，就可以看到制作好的元旦贺卡了。

阅读全文