边框

边框是沿图像或 UI 元素周边渲染的线条。其作用包括为照片添加相框式装饰、将图像与页面背景清晰分隔、以及创建视觉强调效果。在 CSS 中,border 属性控制边框的粗细、样式和颜色。

常见应用场景包括:使社交媒体帖子中的照片更加突出、在多图排列时明确各图边界、以及添加宝丽来风格的白色边框营造复古美感。边框宽度为图像尺寸的 1-5% 时通常看起来最自然。

为 Web 图像添加边框可通过 CSS border 或 outline 属性实现,也可将边框直接嵌入图像文件。后者可使用缩放工具扩展画布来创建边距。将边框与圆角结合使用可产生更现代的外观。