PHP不处理渐变，CSS的linear-gradient()才是实现垂直渐变的关键，需注意方向参数to bottom、高度设置及CSS层叠问题，PHP仅可动态输出颜色值但须严格校验。
PHP 页面本身不处理渐变，CSS 才是关键
PHP 是服务端脚本语言，生成 HTML 后就结束了；垂直渐变是纯前端视觉效果，必须由 CSS 的 background-image 或 linear-gradient() 实现。直接在 PHP 输出的 HTML 中写内联样式或引入 CSS 即可，无需任何 PHP 函数参与。
用 linear-gradient() 实现垂直渐变背景
最常用也最可靠的方式是 CSS 线性渐变。注意方向参数：从上到下是 to bottom（等价于 180deg），不是 top to bottom（语法错误）。
- 支持两个及以上颜色，如
linear-gradient(to bottom, #3498db, #2c3e50, #1a252f) - 若要兼容老版 Safari，可加
-webkit-linear-gradient(top, ...)前缀（现代项目通常不需要） - 渐变默认铺满整个元素；若内容区域需独立渐变，别设在
body上，改用包裹容器（如）避免常见错误：渐变不显示的几个原因
很多“PHP 页面加不上渐变”其实卡在 HTML/CSS 层面，和 PHP 无关：
- 忘记给元素设高度——
body或html没内容时高度为 0，渐变看不见；可加min-height: 100vh - 被其他 CSS 覆盖——检查是否被
background-color或更早的background声明覆盖（CSS 层叠顺序很重要） - PHP 输出了非法字符（如 UTF-8 BOM）导致浏览器解析 HTML 失败，间接让样式不生效；用编辑器确认文件编码为「UTF-8 无 BOM」
- 在
中写但 PHP 输出了内容（如空格、echo）在标签前，破坏文档结构
如果想用 PHP 动态控制渐变色
可以，但只是拼字符串，不是“PHP 实现渐变”。例如根据 URL 参数切换主题色：
立即学习“PHP免费学习笔记（深入）”；
- 务必对输入做校验（如正则匹配
^#[0-9a-fA-F]{6}$），否则 XSS 风险极高 - 不要直接拼接用户输入到
，更安全的做法是预设颜色方案，用数组映射 - 这种动态仅限简单场景；复杂交互建议用 JS + CSS 变量，PHP 只负责初始值
真正容易被忽略的是：渐变是 CSS 特性，和 PHP 文件后缀毫无关系。哪怕你把
.php改成.html，只要 HTML 结构和 CSS 正确，效果完全一样。 - 忘记给元素设高度——
