font-family: Arial, sans-serif;
line-height: 1.5;
padding: 20px;
background-color: #eee;
}
h1{
font-size: 36px;
text-align: center;
margin-bottom: 30px;
}
h2{
font-size: 24px;
margin-bottom: 15px;
}
.weather-block{
background-color: #fff;
padding: 20px;
margin-bottom: 30px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
border-radius: 10px;
overflow: hidden;
}
.weather-block p{
margin-bottom: 10px;
}
.weather-block .weather-icon{
float: left;
margin-right: 10px;
margin-bottom: -10px;
}
.weather-block .temperature{
font-size: 48px;
font-weight: bold;
margin-bottom: 5px;
}
.weather-block .weather-desc{
font-size: 18px;
margin-bottom: 20px;
}
.weather-block .humidity{
font-size: 16px;
font-weight: bold;
}
.weather-block .wind{
font-size: 16px;
font-weight: bold;
margin-left: 30px;
}
海棠湾天气预报
今日天气
28℃
多云
湿度：80%
风向：东北 风力：3级
未来一周天气
| 日期 | 天气 | 最高温度 | 最低温度 |
|---|---|---|---|
| 周一 | |
30℃ | 24℃ |
| 周二 |  |
29℃ | 23℃ |
| 周三 |  |
28℃ | 22℃ |
| 周四 |  |
27℃ | 21℃ |
| 周五 |  |
26℃ | 20℃ |
| 周六 |  |
25℃ | 19℃ |
| 周日 |  |
24℃ | 18℃ |
未来30天天气趋势
推荐阅读
查看更多相似文章
