可通过CSS的border-radius属性为PHP静态网页中的图片添加圆角效果，具体包括内联样式、内部样式表、外部CSS文件、object-fit配合使用及伪元素遮罩五种方法。
如果您在PHP静态网页设计中希望为图片添加圆角效果，则可以通过CSS的border-radius属性实现。以下是具体操作步骤：
一、使用内联样式直接设置border-radius
该方法适用于单张图片的快速样式调整，无需额外CSS文件，直接在HTML img标签中通过style属性定义圆角。
1、在img标签的style属性中添加border-radius值，例如：zuojiankuohaophpcnimg src="example.jpg" style="border-radius: 10px;">。
2、将数值替换为50%可实现完全圆形裁剪（前提是图片宽高相等）。
立即学习“PHP免费学习笔记（深入）”；
3、支持不同方向独立设置，如style="border-radius: 10px 20px 0 30px;"表示左上、右上、右下、左下四个角分别应用对应像素值。
二、通过内部CSS样式表统一控制图片圆角
该方法适用于页面中多张图片需统一应用相同圆角规则的情形，将样式集中写在<head>内的<style>标签中，提升可维护性。
1、在HTML文档的<head>部分添加<style>标签。
2、在<style>中定义类选择器，例如：.rounded-img { border-radius: 8px; }。
3、为需要圆角效果的img标签添加class="rounded-img"属性。
4、可配合overflow: hidden确保图片内容不溢出圆角边界，尤其在设置50%时防止矩形图像边缘外露。
三、利用外部CSS文件批量管理图片样式
该方法适合中大型静态站点，便于复用和全局修改所有图片的圆角表现，符合结构与样式分离原则。
1、新建名为style.css的文件，并在其中定义：img.rounded { border-radius: 12px; }。
2、在HTML文档<head>中通过<link rel="stylesheet" href="style.css">引入该文件。
3、为对应img元素添加class="rounded"。
4、若需响应式圆角，可使用媒体查询，例如在小屏设备上设为6px，桌面端设为16px。
四、结合object-fit与border-radius实现等比缩放+圆角
当图片原始尺寸与容器不一致时，仅用border-radius可能导致拉伸或留白；配合object-fit可保持比例并精准裁切。
1、为img标签设置固定宽高容器，例如：<div style="width: 200px; height: 200px;"><img src="photo.jpg"></div>。
2、为img添加style="width: 100%; height: 100%; object-fit: cover; border-radius: 50%;"。
3、确保父容器设置overflow: hidden，否则圆角外的图像部分仍可能显示。
4、此时图片将按比例覆盖整个容器，并呈现正圆形外观。
五、使用伪元素叠加遮罩模拟圆角效果
该方法适用于兼容极旧浏览器（如IE8及以下）的兜底方案，通过绝对定位的圆形遮罩层覆盖图片四角。
1、将img包裹于position: relative的div中。
2、在该div内添加一个position: absolute的::before伪元素，设置宽高与父容器一致、背景为纯色。
3、用radial-gradient制作中心透明、四周黑色的圆形遮罩，例如：background: radial-gradient(circle at center, transparent 50%, #000 50%);。
4、将伪元素z-index设为1，img的z-index设为2，并确保伪元素尺寸略大于img，以实现视觉圆角效果。
