尝试根据时间是过去、当前还是将来来更改背景颜色

根据时间的过去、当前还是将来来更改背景颜色是通过使用CSS样式来实现的。CSS（层叠样式表）是一种用于描述网页上元素样式的语言。通过在HTML文档中嵌入CSS样式，可以控制网页的外观和布局。

要根据时间来更改背景颜色，可以使用JavaScript来获取当前时间，并根据时间的不同设置不同的CSS样式。以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
<style>
    body {
        background-color: #ffffff; /* 默认背景颜色 */
    }
    .past {
        background-color: #ffcccc; /* 过去的背景颜色 */
    }
    .present {
        background-color: #ccffcc; /* 当前的背景颜色 */
    }
    .future {
        background-color: #ccccff; /* 将来的背景颜色 */
    }
</style>
<script>
    window.onload = function() {
        var currentTime = new Date();
        var currentHour = currentTime.getHours();

        if (currentHour < 12) {
            document.body.className = "past";
        } else if (currentHour >= 12 && currentHour < 18) {
            document.body.className = "present";
        } else {
            document.body.className = "future";
        }
    };
</script>
</head>
<body>
    <h1>根据时间更改背景颜色</h1>
    <p>这是一个示例页面，根据时间的不同，背景颜色会有所变化。</p>
</body>
</html>

在上述代码中，我们定义了三个不同的CSS类，分别用于表示过去、当前和将来的背景颜色。通过JavaScript的getHours()方法获取当前时间的小时数，并根据不同的时间段为body元素添加相应的CSS类，从而改变背景颜色。

这只是一个简单的示例，你可以根据实际需求和设计要求进行更改和扩展。