PHP不控制视觉效果，仅动态输出HTML或CSS值；水平渐变由CSS的linear-gradient(to right)实现，PHP可动态拼接颜色值，但应避免硬编码，优先用预定义CSS类。
PHP 页面本身不直接控制视觉效果，水平渐变是 CSS 负责的；PHP 只负责输出 HTML 结构或动态生成样式值。别在 这是最常用、兼容性好、性能高的方式。渐变由 CSS 的 示例（直接写在 HTML 中）： 常见错误：把 立即学习“PHP免费学习笔记（深入）”； 当你需要根据数据库数据、用户偏好或时间动态换色时，PHP 就派上用场了。比如从配置表读取两个主色，再拼进 CSS。 如果多个区块都要用类似渐变，别在每个 硬编码几十种渐变到 PHP 字符串里，后期改色、加动画、适配深色模式都会卡住。 水平渐变在 iOS Safari 或部分安卓 WebView 中，如果容器高度为 真正容易被忽略的是：渐变容器的渲染上下文（比如是否在 php 文件里写渐变逻辑，而是用 PHP 输出带渐变样式的 style 属性。
用 CSS background-image 实现纯色水平渐变
linear-gradient 定义，方向写 to right 或 90deg 即可水平铺开。to right 写成 right（无效），或漏掉单位（90deg 后不能加空格或错拼）。用 PHP 动态输出渐变色值
$color1 = '#ff9a9e'; 和 $color2 = '#fad0c4'; 从 $_ENV 或数据库查出echo 输出内联样式：echo '
str_replace(['"', "'"], '', $color) 简单过滤）避免在 PHP 中拼接复杂 CSS 类名或重复写样式
echo 里重复写 linear-gradient。更合理的方式是：
bg-grad-）.bg-grad-1 { background: linear-gradient(to right, #56ab2f, #a8e6cf); }
移动端要注意 background-size 和 background-attachment
0 或未设明确宽高，可能不显示。尤其当渐变用在伪元素（::before）或 flex 子项里时：
min-height 或显式 height
background-attachment: fixed —— 在移动端常失效或导致滚动卡顿background-size: 200% 200%; 配合 background-position 做 hover 动画，但 PHP 不参与这部分transform 层叠上下文中）、是否被 overflow: hidden 截断，这些跟 PHP 无关，但调试时常常误以为是 PHP 输出错了。
