Is it possible to add border to image in GitHub markdown?

Solution 1:

It's hacky and not always pretty, but surround the image with a <kbd> tag.

Before

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

After

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

And it renders like this:


Surrounding the markdown image syntax might not work for some markdown implementations. If the following does not work

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

Try embedding the image as an HTML <img> tag instead

<kbd><img src="https://example.com/image.png" /></kbd>

Solution 2:

Here on StackExchange sites, I like to use the "quote" markup > for this purpose.

For example:

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

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

renders like this:

screenshot

Solution 3:

You can use <table> tag to create tables without header.

<table><tr><td>
    <img src="/images/logo.png" />
</td></tr></table>