ブログに囲み枠をつけたい場合は、
ソースの<div～>から</div>までをコピ-して、
ペーストする時はエディタを必ずHTML表示にして下さい。
本文を入れる時は、通常表示に戻して入力してもOKです。
●ソース
<div style="border: 1px solid #ff9966; padding: 10px;">ここにテキストテキストテキストテキスト</div>
●ソース
<div style="border:1px dashed #999999; padding:10px;">ここにテキストテキストテキストテキスト</div>
●ソース
<div style="border:1px dotted #3300cc; padding:10px;">ここにテキストテキストテキストテキスト</div>
●ソース
<div style="border:1px solid #ff9999; padding:10px; border-radius:6px">ここにテキストテキストテキストテキスト</div>
ソースの<div～>から</div>までをコピ-して、
ペーストする時はエディタを必ずHTML表示にして下さい。
本文を入れる時は、通常表示に戻して入力してもOKです。
直線の囲み枠
ここにテキストテキストテキストテキスト
●ソース
<div style="border: 1px solid #ff9966; padding: 10px;">ここにテキストテキストテキストテキスト</div>
破線の囲み枠
ここにテキストテキストテキストテキスト
●ソース
<div style="border:1px dashed #999999; padding:10px;">ここにテキストテキストテキストテキスト</div>
点線の囲み枠
ここにテキストテキストテキストテキスト
●ソース
<div style="border:1px dotted #3300cc; padding:10px;">ここにテキストテキストテキストテキスト</div>
角が丸い直線の囲み枠
ここにテキストテキストテキストテキスト
●ソース
<div style="border:1px solid #ff9999; padding:10px; border-radius:6px">ここにテキストテキストテキストテキスト</div>
応用
●線の太さを変える時
border:1px→数字の部分を書き換えるだけ
●線の色を変える時
#999999→ここを変更する
【Webカラーサンプル】→http://www.colordic.org/s/
●角の丸みを変える時
border-radius:6px→ここの数字が小さければ丸みが小さくなる
●線の太さを変える時
border:1px→数字の部分を書き換えるだけ
●線の色を変える時
#999999→ここを変更する
【Webカラーサンプル】→http://www.colordic.org/s/
●角の丸みを変える時
border-radius:6px→ここの数字が小さければ丸みが小さくなる