～～～準備中～～～

～～～準備中～～～

いろいろなスタイルの枠ができます

参考にしてくださいね

基本的に↓を設定します。

①基本の枠

<fieldset style="border: 1px solid #FF0000;">ここに文章</fieldset>

border: 1px     ←数字を大きくすると線の太さが変わります。

solid　　　　　 ←これは線の種類（直線）

#FF0000　      ←これは線の色

私はよくここを見て色を選んでます。ご参考まで

②角丸

<fieldset style="padding:10px;border-radius: 5px;border: 2px solid #006400;">ここに文章を入れる</fieldset>

border-radius: 5px;　←これを入れると角が丸くなります。

他の枠にも↑を入れれば角が丸くなりますよ！

③二重線

<fieldset style="border:4px double #00afcc;">ここに文章を入れる</fieldset>

double　←これで二重線になります。

④点線

<fieldset style="border: 2px dotted #66cc99;">本文</fieldset>

dotted　←これで点線になります。

⑤破線

<fieldset style="border: 2px dashed #4d5aaf;">本文</fieldset>

dashed　←これで破線になります。

⑥背景色あり　枠線なし

<fieldset style="background:#9eceff; padding:10px; border:none;">本文</fieldset>

background:#9eceff;　←背景色を設定

border:none;　←枠線なし

⑦背景色あり　枠線あり

<fieldset style="background:#ffffc1; padding:10px; border:2px solid #ee7800;">本文</fieldset>

⑧タイトル付

<fieldset style="border:2px solid #ffcccc;"><legend>【タイトル】</legend>本文</fieldset>

⑨タイトル枠付

<div style="background:#ff7f50; border:1px solid #ff7f50; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">●タイトル</font></div><div style="border:1px solid #ff7f50; padding:10px; font-size:1em;">本文<br></div>

⑩見出し枠付

<div style="border-left: 10px solid #4c6cb3; border-bottom: 2px solid #4c6cb3; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>

1. アメブロカスタマイズ準備
2. ヘッダー画像の設置
3. グローバルメニューの設置
4. メッセージボードの設置
5. サイドバーに設置する方法
6. 記事内のデザイン枠の設定