大家好
我可以在不使用主题组件的情况下为 JPG 图片添加一个细边框吗？我想保持简单，避免使用这个组件：
我已经尝试了我能想到的所有 img 标签的变体。唯一有效的方法是将图片嵌入 kbd 标签中，但这有点奇怪。这实际上是我想要写的：
<img src="upload://jIMXtLgb7enbLUiahXVT1Jz14n4.jpeg"
alt="显示废弃的中压电线杆的照片"
width="75%"
style="border: 1px solid gray">
这是通过标准上传的示例图片：
我必须说，AI 图片字幕做得相当好。提前感谢！
.cooked img:not(.thumbnail,.ytp-thumbnail-image,.emoji), .d-editor-preview img:not(.thumbnail,.ytp-thumbnail-image,.emoji) {
border: 4px solid red;
}
开发者工具破解的 CSS… 效果因人而异 
自定义 CSS 会被帖子剥离，因为有人可能会执行类似 border: 1000px solid gray 的操作，使整个主题变得不可读。
你需要将一些 CSS 添加到主题或主题组件中，没有更好的方法可以绕过它。不过，你可以让它在逐张图片的基础上可选。
所以，例如，你可以将此 CSS 添加到主题中：
div[data-theme-image-border] img {
border: 1px solid gray;
}
然后在帖子中使用它，如下所示：
<div data-theme-image-border>
<img src="yoururlhere" />
</div>
非常感谢。一些后续问题。
@merefield：您的示例按以下方式添加后生效：
► 管理员 ► 自定义 ► 主题 = 默认 ► 编辑 CSS/HTML ► 桌面 ► CSS
@awesomerobot：尽管尝试了一些变体，但我无法让您的代码生效。
请注意，第一个示例是全站范围的，第二个示例是（或者更确切地说应该是）每个图像的。
欢迎提出任何进一步的建议。全站范围的解决方案是可以接受的，但每个图像的应用可能更可取。
附注：AI 标题生成在每次迭代中都在恶化 
这个 Theme component 可能很有趣
@Heliosurge 谢谢。我已在我的原始帖中注意到该组件。但我今天也会试试。
我的错，我浏览了主题，但没有注意到。但正如其他人在这里提到的，您将创建一个自定义组件。然而，使用现有组件的好处是它可能已经得到维护。
然而，TC 也有助于学习和在您自己的自定义作品中使用部分代码。
我使用“通用 BBCode 包装器”系统来实现此目的：
我将 [wrap=border]...[/wrap] 放在我想要添加边框的图片周围，以及这段 CSS：
.d-wrap[data-wrap="border"] {
> img, > p > img, .lightbox, .image-wrapper img {
border: 1px solid #555;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
}
@simonk 谢谢，对我来说很有效，而且是按每张图片计算的。
一篇帖子已合并到现有主题中：为图片、oneboxes、引用块等添加圆角边框