You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

PHP如何为输出的日期时间设置字体颜色与样式

PHP输出日期的字体样式修改方案

PHP作为服务端语言,只负责生成动态的日期文本内容,字体颜色、字体样式这类浏览器端的视觉表现,全部由HTML+CSS控制,你只需要把PHP输出的日期内容包裹在带样式规则的HTML标签中即可,不需要修改PHP本身的date函数逻辑。


方法1:行内样式快速修改(新手优先用)

直接在包裹日期的HTML标签上写style属性定义样式,适合单处显示时间的场景,举个实现例子:

<!-- 示例:显示红色、16号大小、微软雅黑加粗的时间 -->
<span style="color: red; font-size: 16px; font-family: 'Microsoft Yahei', sans-serif; font-weight: bold;">
<?php echo date('y-m-d H:i:s');?>
</span>

常用可配置的样式属性:

  • color:设置字体颜色,支持直接写颜色名(如red/blue)、十六进制色值(如#ff0000)、rgb色值
  • font-family:设置字体,比如'SimSun'对应宋体、'KaiTi'对应楷体,建议多写1-2个备用字体,避免用户设备未安装目标字体导致显示异常
  • font-size:设置字体大小,单位常用px,比如14px就是14像素大小
  • font-weight:设置字体粗细,bold为加粗,normal为常规粗细
  • font-style:设置字体形态,italic为斜体效果

方法2:类名统一样式(适合多位置复用同效果)

如果页面里有多处要显示相同样式的时间,可以把样式统一写在CSS规则里,通过类名调用,避免重复写样式代码:

<!-- 页面head区域定义公共样式 -->
<style>
.show-datetime {
    color: #2563eb;
    font-size: 18px;
    font-family: Arial, sans-serif;
}
</style>

<!-- 页面任意位置输出时间时,套用对应类名即可 -->
<div class="show-datetime">
<?php echo date('y-m-d H:i:s');?>
</div>

注意:不要尝试通过修改date函数的参数来调整字体样式,date函数只负责按指定格式生成时间字符串,本身不具备控制页面显示样式的能力。

内容的提问来源于stack exchange,提问作者Chambo

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.30 11:30:55