html-是否可以在GitHub markdown中向图像添加边框?

我需要在GitHub README.md文件中为图像添加边框。 这是应该嵌入图像的方式:

![GitHub Logo](/images/logo.png)

我试图用表包装图像:

|--------------------------------|
|![GitHub Logo](/images/logo.png)|

但是无法创建没有标题的表。

我也尝试过将图片添加为html标签:

<img src="/images/logo.png" style="border: 1px solid black" />

但没有成功。 有什么办法吗?

madox2 asked 2020-08-11T09:51:37Z
4个解决方案
62 votes

它很笨拙,但并不总是很漂亮,但是会在图像周围加上<img>标签。

之前

<img src="https://i.stack.imgur.com/CtiyS.png">

<kbd>
  <img src="https://i.stack.imgur.com/CtiyS.png">
</kbd>

它呈现如下:


对于某些markdown实现,围绕markdown图片语法不起作用。 例如,在GitHub上,以下内容将呈现为看起来很奇怪的文本:

<kbd>![alt-text](https://example.com/image.png)</kbd>

相反,它需要将图像嵌入为HTML <img>标签:

<kbd><img src="https://example.com/image.png" /></kbd>
kdbanman answered 2020-08-11T09:52:04Z
11 votes

为此,在StackExchange网站上,我喜欢使用“ quote”标记>

例如:

> [![screenshot][1]][1]

  [1]: https://i.stack.imgur.com/CtiyS.png

呈现如下:

screenshot

daveloyall answered 2020-08-11T09:52:33Z
8 votes

您可以使用<table>标记创建不包含标题的表。

<table><tr><td>
    <img src="/images/logo.png" />
</td></tr></table>
gonsee answered 2020-08-11T09:52:54Z
0 votes

另一种方法是在图像编辑工具中自己提供边框并上传。

blackcatweb answered 2020-08-11T09:53:14Z
translate from https://stackoverflow.com:/questions/37349314/is-it-possible-to-add-border-to-image-in-github-markdown