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

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

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

<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数式の仕様がかわったようで、数式の背景は透過されて後ろの色が見えるようになったようです。