天气预报静态页面代码

最新推荐文章于 2025-10-11 15:45:50 发布

原创

最新推荐文章于 2025-10-11 15:45:50 发布 · 4.7k 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#天气预报 #静态

这是一个简单的HTML页面，用于显示郑州的天气预报信息。页面包含当前天气的图像、温度、天气状况和风力信息，以及未来三天的天气预报，包括日期、天气图标、最高和最低温度。页面采用响应式设计，分为三个部分显示不同日期的天气情况。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>天气预报</title>
</head>
<style>
    html {
        height: 100%;
    }
    
    body {
        /*background-color: blue;*/
        overflow: hidden;
        height: 100%;
        color: white;
        background-image: linear-gradient( to bottom, dodgerblue, deepskyblue);
    }
    
    p {
        margin: 0px;
    }