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

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

在 PHP 动态输出日期与时间信息时，若需对文字标签（如 “TIME”、“Date”、“day”）进行视觉强化，最直接且兼容性良好的方式是结合 HTML 的 <span> 标签与内联 CSS 控制颜色。以下为优化后的完整代码示例：

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

✅ 效果说明：

• “TIME” 显示为红色（color:red）
• “Date” 显示为紫色（color:purple）
• “day” 显示为绿色（color:green）

? 注意事项：

btpanel phpsite 宝塔面板PHP网站

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

下载

• 内联样式适用于简单场景；如项目中需统一维护样式，推荐将颜色定义移至外部 CSS 文件，并为各 <span> 添加 class（例如 class="label-time"），再通过 CSS 规则控制。
• date("l") 返回英文星期全称（如 Monday），如需阿拉伯语或中文本地化，请配合 setlocale() 与 strftime() 使用（注意服务器 locale 支持）。
• 时区设置 "Africa/Cairo" 与问题中提到的“突尼斯时区”存在差异（开罗与突尼斯同属 CET/CEST，但 PHP 中更规范的写法是 "Europe/Tunis"），建议根据实际部署环境校准。

通过此方法，您可在不引入前端框架的前提下，高效、清晰地实现 PHP 输出内容的语义化着色，兼顾可读性与维护性。

立即学习“PHP免费学习笔记（深入）”；