テキストを枠で囲む（角丸）

2013-08-27 01:19:44 | ブログ
Touch of Solitude [Explored] - 無料写真検索fotoq
photo by Universal Pops


角丸の囲み枠を作るには、「ブログを書く」のページで「HTML表示」にして以下のような文字列（タグ）を貼り付けます。


<div style="background:#ffeeee; padding:10px; border:1px solid #ff0000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;">

・家政婦は見た！なんと、あの真面目なご主人様の浮気の現場を・・

</div>


青字の箇所が背景色です。
ピンクの箇所が枠線の色です。
赤文字の部分の10pxの値を大きくすれば丸みが増します。

⇒カラーコード一覧表

「表示を確認」すると、こうなります。（↓）


・家政婦は見た！なんと、あの真面目なご主人様の浮気の現場を・・



参考になれば、嬉しいのですが・・(^∇^)