如何为 PHP 输出的时间、日期和星期名称添加自定义颜色-php教程-PHP中文网

如何为 PHP 输出的时间、日期和星期名称添加自定义颜色

本文介绍如何使用内联 CSS 为 PHP date() 函数输出的“TIME”、“Date”和“day”文字分别设置不同颜色，通过标签包裹文本并应用 style="color:..." 实现快速、轻量的颜色定制。

本文介绍如何使用内联 css 为 php `date()` 函数输出的“time”、“date”和“day”文字分别设置不同颜色，通过 `` 标签包裹文本并应用 `style="color:..."` 实现快速、轻量的颜色定制。

在 PHP 动态生成时间信息时，若希望突出显示标签文字（如 “TIME”、“Date”、“day”），而非仅改变整个输出内容的颜色，最佳实践是将标签本身用 HTML 元素包裹，并为其单独设置样式。以下是一个清晰、可维护的实现方案：

<?php date_default_timezone_set("Africa/Cairo");
    // 注意：此处时区为开罗，若需适配突尼斯，请改用 "Africa/Tunis"
    echo "<span style='color:red; font-weight:bold;'>TIME : " . date("h:i:sa") . "<br>";
    echo "<span style="color:purple; font-weight:bold;">Date</span> : " . date("Y/m/d") . "<br>";
    echo "<span style="color:green; font-weight:bold;">day</span> : " . date("l");
?>

✅ 效果说明：

“TIME” 显示为红色加粗；
“Date” 显示为紫色加粗；
“day” 显示为绿色加粗；
时间、日期、星期的值（如 02:30:45pm、2024/06/15、Saturday）保持默认颜色，确保语义清晰、视觉层次分明。

⚠️ 注意事项：

btpanel phpsite 宝塔面板PHP网站

宝塔面板 PHP 网站管理：站点创建、删除、启停、PHP 版本切换、域名管理、SSL证书管理、伪静态管理、数据库管理

下载

颜色值支持英文关键字（如 red）、十六进制（如 #e74c3c）、RGB（如 rgb(231, 76, 60)）等多种格式，推荐使用十六进制以保证跨浏览器一致性；
若项目已引入 CSS 文件，建议将样式抽离至外部样式表或
date("l") 返回的是英文星期全称（如 Saturday），如需阿拉伯语或中文本地化，请配合 setlocale() 与 strftime() 使用（注意：strftime() 对时区支持依赖系统 locale 配置）；
时区设置 Africa/Cairo 与 Africa/Tunis 实际均为 UTC+1（夏令时可能有差异），若严格按突尼斯本地时间，建议显式使用 "Africa/Tunis"。

? 进阶提示：
如需复用样式或支持主题切换，可封装为函数：

function coloredLabel($text, $color) {
    return "<span style="color:{$color}; font-weight:bold;">{$text}</span>";
}
echo coloredLabel('TIME', 'red') . ' : ' . date('h:i:sa') . '<br>';
echo coloredLabel('Date', 'purple') . ' : ' . date('Y/m/d') . '<br>';
echo coloredLabel('day', 'green') . ' : ' . date('l');

这样既提升代码可读性，也为后续样式扩展（如响应式、暗色模式）预留接口。