Bluepostech

まじめなことを書きます

【html】ハコを作る方法

このブログはプログラム関係のことも書くのでソースコードを書くことが多いのだが、ソースコードやターミナル上に出るメッセージは囲んでわかるようにしている。

このように囲むには、はてなブログではhtml編集モードに移り、次のように記述する。

<p style="border: dashed 1px; background-color: #e6e6e6;">
hoge<br />
foo <br>
</p>

これを出力すると次のようになる。

hoge
foo

補足(2017.12.22):わざわざこうしなくてもMarkdownで書いた方がよい。