本文介绍如何使用内联 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</span> : " . 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）保持默认颜色，确保语义清晰、视觉层次分明。
⚠️ 注意事项：
- 颜色值支持英文关键字（如 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');这样既提升代码可读性，也为后续样式扩展（如响应式、暗色模式）预留接口。
立即学习“PHP免费学习笔记（深入）”；
