css - 如何使用 CSS 在图像周围添加非矩形边框？

Question

我有三张图片，它们的形状既不是正方形也不是长方形。它们就像任何人的脸。

所以，基本上，我的图像尺寸为 196x196 或类似尺寸，但完整的正方形或矩形，中间是人脸，其余部分是透明背景。

现在，我也想删除透明背景，只保留面部。

不知道这是否可行，请注意，这不是编程问题。

编辑(来自评论):如何使用 CSS 在图像形状周围放置边框，而不是在边界周围放置矩形边框。

Answer 1

回答你关于面部边框的问题。

1. 将图像加载到 Photoshop 或 gimp 中
2. 复制第二层
3. 在底层，调整脸的大小，使边框变大
4. 使用低容差用边框颜色填充放大的脸，使脸现在是单一颜色
5. 保存为 .png 并使其变平。

据我所知，无法使用 CSS 执行此操作——您可以使用 ImageMagick 或(免责声明，我在 Atalasoft 工作)编写程序来执行此操作DotImage ，一个 .NET 成像 SDK。在任何一种情况下，您都可以复制文件、调整大小、颜色，然后将原始文件覆盖在上面。