web-dev-qa-db-ja.com

GitHubマークダウンで画像に境界線を追加することはできますか？

GitHub README.mdファイルで画像に境界線を追加する必要があります。これは、画像を埋め込む方法です。

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

私はテーブルで画像をラップしようとしました：

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

ただし、ヘッダーなしでテーブルを作成することはできません。

私はまた、htmlタグとして画像を含めようとしました：

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

しかし、成功しなかった。これを行う方法はありますか？

htmlgithubmarkdown
37
madox2

それはハックで、常にきれいではありませんが、<kbd>タグで画像を囲みます。

前

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

後

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

そして、次のようにレンダリングされます。

markdownを囲むと、一部のマークダウン実装では画像構文が機能しません。たとえば、GitHubでは、次のように表示されるだけです。奇妙なテキストとして：

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

代わりに、HTML <img>タグとして画像を埋め込む必要があります。

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

ここStackStackサイトでは、「引用」マークアップ> この目的のために。

例えば：

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

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

このようにレンダリングします：

screenshot

11
daveloyall

<table>タグを使用して、ヘッダーのないテーブルを作成できます。

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