文章(テキスト)を枠で囲むには?(角丸) | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。


テーマ:
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の値を大きくすれば丸みが増します。

⇒カラーコード一覧表

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


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



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





おまけ^^;




$やさしいアメブロカスタマイズ!と女性タレント画像-南明奈


ワンタンさんをフォロー

ブログの更新情報が受け取れて、アクセスが簡単になります

Ameba人気のブログ