用html做一个母亲节向日葵花的网页
时间: 2023-10-05 18:13:32 浏览: 47
好的,以下是一个简单的 HTML 页面,展示了一朵向日葵花和母亲节祝福语。
```html
<!DOCTYPE html>
<html>
<head>
<title>母亲节向日葵花</title>
<style>
body {
background-color: #f2f2f2;
}
.sunflower {
width: 400px;
height: 400px;
background-image: url('https://cdn.pixabay.com/photo/2014/04/02/16/25/sunflower-307372_1280.png');
background-size: contain;
background-repeat: no-repeat;
margin: 50px auto;
}
h1 {
text-align: center;
font-family: Arial, sans-serif;
color: #333;
margin-top: 30px;
}
p {
text-align: center;
font-family: Arial, sans-serif;
font-size: 18px;
color: #666;
margin-top: 20px;
}
</style>
</head>
<body>
<div class="sunflower"></div>
<h1>Happy Mother's Day!</h1>
<p>For all the love and care you've given me, I thank you from the bottom of my heart.</p>
</body>
</html>
```
这个页面使用了 CSS 样式来设置背景颜色、向日葵的大小和位置、文本的样式等。你可以根据需要进行修改。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)