用html和css做一个关于清明节的网页
```html
<!DOCTYPE html>
<html>
<head>
<title>清明节</title>
<style type="text/css">
body { /* 背景 */
background-image:url(qingming.jpg); /* 背景图片 */
background-repeat:no-repeat; /* 图片不重复 */
background-size:cover; /* 图片覆盖整个div区域 */
}
#container { /* 网页容器，定义网页布局的大小及位置 */
width: 800px; /* 网页容器的宽度（800px）*/
height: 600px; /* 网页容器的高度（600px）*/
margin: 0 auto; /* 用margin让div水平剧中显示在浏览器中间 */
}
#title { /* 标题样式 */
font-size: 50px; /* 字体大小50px*/
font-family:'微软雅黑'; /* 选用字体‘微软雅黑’*/
color:#FFFFFF; /* 颜色#FFFFFF*/
} .content{ /* 内容样式*/ font-size: 18px; /* 字体大小18px*/ font-family:'微软雅黑'; /* 选用字体‘微软雅黑’*/ color:#000000 ; /* 颜色#000000*/ } </style> </head> <body > <!-- 由于是一个关于清明的网站，所以背景图片选用了一张清明风光 --> <div id="container"> <!-- 标志 --> <img src="logo.png" alt="logo" style="width:100%;height=100%;"/> <!-- 标题 --> <h1 id="title"> 清明 </h1> <!-- 内容 --> <p class='content'> 清明时到天上来。朝代朝代多种风。十里春风不如你。五月花开时分。 </p><p class='content'> 清明时到人间来。衣冠衣冠多新奇。九重天上来看你。五十年君子心。 </p><p class='content'> 清明时到田里去。耕耘耕耘多麦穗。三千里地也想看你,五月人归已九年. </p><!-- 脚注 --><footer style="text-align : center ;"><small >Copyright © 2020 All Rights Reserved.</small></footer></div></body></html>```
创作工场
免责声明：
以上内容除特别注明外均来源于网友提问，创作工场回答，未经许可，严谨转载。
点击这里>>使用🔥专业版，更聪明、更完整、更原创！