PHP静态网页添加背景图需通过CSS控制，支持内联、内部、外部样式三种方式，并可设置平铺、定位、固定及响应式适配。
如果您正在设计PHP静态网页并希望添加背景图片，需通过CSS控制背景图的显示、定位与平铺行为。以下是实现背景图添加与平铺方式的具体步骤：
一、使用内联样式在body标签中设置背景图
该方法适用于快速测试或单页简单应用，直接在HTML的body标签中嵌入style属性，定义background-image和background-repeat等关键属性。
1、在HTML文件的zuojiankuohaophpcnbody>标签中添加style属性，格式为：<body style="background-image: url('images/bg.jpg'); background-repeat: no-repeat;">。
2、将背景图片文件（如bg.jpg）放置在项目根目录下的images子文件夹中，确保路径与url()中填写的路径一致。
立即学习“PHP免费学习笔记（深入）”；
3、根据需要修改background-repeat值：repeat表示横向纵向均平铺，repeat-x仅水平平铺，repeat-y仅垂直平铺，no-repeat则完全不平铺。
二、通过内部CSS样式块定义背景图
该方式将样式集中写在HTML文件的<head>部分，便于维护且不影响HTML结构语义，适合单页或多页中统一风格的场景。
1、在<head>标签内插入<style>标签，并在其中定义body选择器。
2、书写CSS规则：body { background-image: url('assets/bg-pattern.png'); background-repeat: repeat; background-position: center top; }。
3、确认图片路径正确；若使用相对路径，须以HTML文件所在位置为基准计算；background-position: center top可确保图片顶部居中对齐，避免偏移。
三、采用外部CSS文件统一管理背景图样式
此方法利于大型静态站点维护，所有页面复用同一套背景样式规则，修改一次即可全局生效，符合结构与表现分离原则。
1、新建一个CSS文件（例如style.css），在其中编写：body { background: url('../images/background.jpg') repeat fixed; }。
2、在HTML文件的<head>中通过<link rel="stylesheet" href="css/style.css">引入该CSS文件。
3、注意路径层级关系：若style.css位于css/目录下，而图片在images/目录下，则需用../images/回退一级再进入images目录。
四、控制背景图固定与滚动行为
当页面内容较长时，可通过background-attachment属性决定背景图是否随滚动条移动，提升视觉稳定性或营造视差效果。
1、在CSS中为body添加background-attachment属性，取值为scroll（默认，随内容滚动）或fixed（固定于视口）。
2、若设为fixed，需配合background-size: cover确保图片完整覆盖整个可视区域，避免留白或裁切异常。
3、在支持性要求较高的项目中，应测试IE9+及主流现代浏览器对background-attachment: fixed的渲染一致性。
五、适配不同屏幕尺寸的背景图响应式处理
针对移动设备与桌面端差异，需借助media query与background-size属性动态调整背景图显示方式，防止拉伸失真或关键区域被遮挡。
1、在CSS中为body设置基础样式：background-size: cover; background-position: center center;
2、添加媒体查询块：@media (max-width: 768px) { body { background-image: url('images/bg-mobile.jpg'); } }。
3、为移动端单独准备裁剪优化后的图片，并确保其宽高比适配常见手机屏幕；cover将强制缩放图片以完全覆盖容器，可能裁切边缘，但保证无空白。
