Html 如果您只知道img的宽度，如何为img添加花式框架？

我有一个小游戏，在这个游戏中，上一周和本周的领导者显示在底部的一个3单元HTML表格中：

我通过在HTML中将两个FOTO的宽度硬编码为120来调整其大小：

<td><img src="avatar1.jpg" width="120"></td>

我想让我的制图员画一些有趣的卡通画框——把这两个foto放在周围。但我不知道技术上如何放置它们，也不知道他应该为我提取哪些资产

---

如何在CSS或HTML中处理此问题？我（ab）可以在这里使用td背景吗？

我建议创建一个框架，使其允许一个变量

宽度
和
高度
。对图像进行切片，以便可以重复顶部、右侧、底部和左侧背景，并在各自的
div
元素中显示角点

我建议不要为您的图像设置默认的
高度
和
宽度
，因为它们可能会失真。您可以指定max宽度，以便它们不会炸毁您的单元格

要设置
最大宽度
，请执行以下操作：

img { max-width: 120px; }

这可能是CSS3边界映像的工作。有关详细教程和浏览器兼容性，请参阅。
根据Simon的回答，您可以使用以下CSS规则：

​img[width="120px"] {
  border: 10px solid red;
  /* border-image: url(border.png) 27 27 27 27 round round;   */
}​

只要
img
的
width
设置为120px，它就会匹配并获得边框。
你好，尼克，我不是CSS专业人士，你如何指定最大宽度？此外，图像当前没有失真，因为我只指定了宽度=120，但没有指定高度。我的网页位于：