用html写一个关于垃圾的类型的网站
时间: 2024-05-27 18:10:41 浏览: 17
<!DOCTYPE html>
<html>
<head>
<title>垃圾分类</title>
<meta charset="utf-8">
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
font-size: 36px;
margin-bottom: 20px;
}
.container {
width: 80%;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
h2 {
font-size: 28px;
margin-top: 0;
}
ul {
list-style-type: circle;
margin: 0;
padding: 0;
}
li {
font-size: 20px;
margin-bottom: 10px;
}
.bold {
font-weight: bold;
}
.image {
float: left;
margin-right: 20px;
width: 200px;
height: 200px;
background-color: #eee;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.clearfix {
clear: both;
}
footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
font-size: 16px;
margin-top: 20px;
}
</style>
</head>
<body>
<header>
垃圾分类
</header>
<div class="container">
<h2>垃圾分类的类型</h2>
<ul>
<li><span class="bold">可回收垃圾:</span>指适宜回收和资源化利用的生活废弃物,如废纸张、塑料、玻璃、金属、纺织物等。</li>
<li><span class="bold">有害垃圾:</span>指对人体健康或自然环境造成直接或潜在危害的废弃物,如废电池、废灯管、废药品、废油漆桶等。</li>
<li><span class="bold">厨余垃圾:</span>指日常生活中产生的易腐有机物废弃物,如食品残渣、果皮、蔬菜叶、骨头等。</li>
<li><span class="bold">其他垃圾:</span>指除可回收垃圾、有害垃圾和厨余垃圾之外的其他生活废弃物,如砖瓦陶瓷、卫生间废纸、烟蒂等。</li>
</ul>
<div class="image" style="background-image: url('https://cdn.pixabay.com/photo/2017/09/10/08/32/waste-2731276_960_720.jpg');"></div>
<p>垃圾分类是一项重要的环保行动,可以降低垃圾对环境的污染,提高资源利用率,保护生态环境。大家要积极参与垃圾分类,共同建设美丽的家园。</p>
<div class="clearfix"></div>
</div>
<footer>
© 2021 垃圾分类网站
</footer>
</body>
</html>
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![.zip](https://img-home.csdnimg.cn/images/20210720083646.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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)