読者です 読者をやめる 読者になる 読者になる

tsujimotterのノートブック

日曜数学者 tsujimotter の「趣味で数学」実践ノート

はてなブログで色付きのボックス(枠)をつける

はてなブログ記事で、色付きの枠を作ってみるテストです。

ピタゴラスの定理
 a,  b,  c を直角三角形の 3 辺の長さとし、 c を斜辺とすると、次の式が成り立つ。
 a^2+b^2=c^2

<div style=" border: 3px solid #dfc8c8; background-color: #fff4f4; border-radius: 6px; padding-left: 0.4em"><b>ピタゴラスの定理:</b>
[tex: a], [tex: b], [tex: c] を直角三角形の 3 辺の長さとし、[tex: c] を斜辺とすると、次の式が成り立つ。
<div align="center">[tex: a^2+b^2=c^2] 
</div> 
</div>

定理とかの紹介に使えそうです。

一行目は<div>の横に入れないと改行されてしまうのが、残念な仕様。
あと、数式の背景が白くなるのも残念。。。

【2014年5月14日 追記】はてなブログTeX数式の仕様がかわったようで、数式の背景は透過されて後ろの色が見えるようになったようです。