如何修改日期样式
在编写 HTML 文件时，有时需要显示日期。但是，浏览器默认的日期样式可能不是我们需要的，这时我们需要修改样式。本文将介绍如何使用 CSS 改变日期的样式。
1. 显示日期
在 HTML 中，可以使用 <time> 标签来显示日期。例如：
<p>网站最后更新于 <time datetime="2022-01-01">2022年1月1日</time></p>在上面的代码中，<time> 标签的 datetime 属性指定了日期，显示的文本是其包含的内容。
在浏览器中，显示出来的效果如下：
网站最后更新于
2. 修改日期样式
如果我们想要修改 <time> 标签中日期的样式，可以使用 CSS 来实现。下面是一个示例：
<style>
/* 修改日期样式 */
time {
color: red;
font-weight: bold;
}
</style>
<p>网站最后更新于 <time datetime="2022-01-01">2022年1月1日</time></p>
上面的代码中，我们定义了一个样式表，并为 <time> 标签指定了样式。color: red; 指定了日期的颜色为红色，font-weight: bold; 指定了日期的字体加粗。
在浏览器中，显示出来的效果如下：
网站最后更新于
3. 修改日期格式
如果我们想要修改日期的格式，可以使用 JavaScript 来实现。下面是一个示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>修改日期格式</title>
</head>
<body>
<p>网站最后更新于 <span id="date"></span></p>
<script>
// 获取当前日期
var date = new Date();
// 转换格式
var formattedDate = (date.getMonth() + 1) + "/" + date.getDate() + "/" + date.getFullYear();
// 显示日期
document.getElementById("date").innerHTML = formattedDate;
</script>
</body>
</html>
上面的代码中，我们首先定义了一个 HTML 页面，并在其中添加了 <span> 标签，用于显示日期。然后，使用 JavaScript 获取当前日期并转换为指定格式，最后将格式化后的日期显示到 <span> 标签中。
在浏览器中，显示出来的效果如下：
网站最后更新于 1/1/2022
4. 总结
上述内容介绍了如何在 HTML 中显示日期，以及如何使用 CSS 修改日期样式，以及如何使用 JavaScript 修改日期格式。通过本文的学习，您应该了解了如何使用不同的技术实现对日期的修改。