枠線の入れ方はコチラをご覧ください
【アメブロ】枠線の入れ方
その他の枠線はコチラからどうぞ!
【全600種類】アメブロ用枠線
配色の参考ページ
WEB色見本カラーコード
パステルカラーパレット
赤
タイトル
本文
<div style="background:#ff0000; border:1px solid #ff0000; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #ff0000; padding:10px; font-size:1em;">本文<br></div>
朱色
タイトル
本文
<div style="background:#ef454a; border:1px solid #ef454a; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #ef454a; padding:10px; font-size:1em;">本文<br></div>
ピンク1
タイトル
本文
<div style="background:#ff409f; border:1px solid #ff409f; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #ff409f; padding:10px; font-size:1em;">本文<br></div>
ピンク2
タイトル
本文
<div style="background:#f98289; border:1px solid #f98289; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #f98289; padding:10px; font-size:1em;">本文<br></div>
ピンク3
タイトル
本文
<div style="background:#ffcccc; border:1px solid #ffcccc; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #ffcccc; padding:10px; font-size:1em;">本文<br></div>
青1
タイトル
本文
<div style="background:#0000ff; border:1px solid #0000ff; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #0000ff; padding:10px; font-size:1em;">本文<br></div>
青2
タイトル
本文
<div style="background:#0075c2; border:1px solid #0075c2; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #0075c2; padding:10px; font-size:1em;">本文<br></div>
水色1
タイトル
本文
<div style="background:#33ccff; border:1px solid #33ccff; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #33ccff; padding:10px; font-size:1em;">本文<br></div>
水色2
タイトル
本文
<div style="background:#a8ffff; border:1px solid #a8ffff; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #a8ffff; padding:10px; font-size:1em;">本文<br></div>
エメラルド
タイトル
本文
<div style="background:#7fffd4; border:1px solid #7fffd4; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #7fffd4; padding:10px; font-size:1em;">本文<br></div>
紺色
タイトル
本文
<div style="background:#19448e; border:1px solid #19448e; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #19448e; padding:10px; font-size:1em;">本文<br></div>
緑
タイトル
本文
<div style="background:#008000; border:1px solid #008000; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #008000; padding:10px; font-size:1em;">本文<br></div>
黄緑
タイトル
本文
<div style="background:#b8d200; border:1px solid #b8d200; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #b8d200; padding:10px; font-size:1em;">本文<br></div>
紫
タイトル
本文
<div style="background:#8000ff; border:1px solid #8000ff; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #8000ff; padding:10px; font-size:1em;">本文<br></div>
薄紫
タイトル
本文
<div style="background:#e2c6ff; border:1px solid #e2c6ff; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #e2c6ff; padding:10px; font-size:1em;">本文<br></div>
オレンジ
タイトル
本文
<div style="background:#ff7f00; border:1px solid #ff7f00; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #ff7f00; padding:10px; font-size:1em;">本文<br></div>
薄オレンジ
タイトル
本文
<div style="background:#ffdbb7; border:1px solid #ffdbb7; padding-left:10px; font-size:1.16em;"><font style="color:#000000; font-weight:bold;">タイトル</font></div><div style="border:1px solid #ffdbb7; padding:10px; font-size:1em;">本文<br></div>
黄色
タイトル
本文
<div style="background:#ffd900; border:1px solid #ffd900; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #ffd900; padding:10px; font-size:1em;">本文<br></div>
茶色
タイトル
本文
<div style="background:#8b4513; border:1px solid #8b4513; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #8b4513; padding:10px; font-size:1em;">本文<br></div>
グレー
タイトル
本文
<div style="background:#696969; border:1px solid #696969; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">タイトル</font></div><div style="border:1px solid #696969; padding:10px; font-size:1em;">本文<br></div>
枠線一覧まとめ
【全600種】アメブロ用枠線
【枠線2】カラー罫線
【枠線3】点線の罫線
【枠線5】基本の枠線(細いバージョン)
【枠線6】基本の枠線(太いバージョン)
【枠線7】基本の枠(角丸・細いバージョン)
【枠線8】基本の枠(角丸・太いバージョン)
【枠線9】二重線の枠(細いバージョン)
【枠線10】二重線の枠(太いバージョン)
【枠線11】角丸二重線枠(細いバージョン)
【枠線12】角丸二重線枠(太いバージョン)
【枠線13】点線の枠
【枠線14】角丸点線の枠
【枠線15】破線の枠 (細めバージョン)
【枠線16】破線の枠(太いバージョン)
【枠線17】背景付枠
【枠線18】外枠&背景付枠
【枠線19】角丸外枠&背景付枠
【枠線20】点線外枠&背景付枠
【枠線21】角丸点線外枠&背景付枠
【枠線22】点線外枠&背景付枠(太めバージョン)
【枠線23】破線外枠&背景付枠(細めバージョン)
【枠線24】破線外枠&背景付枠(太めバージョン)
【枠線25】角丸破線外枠&背景付枠
【枠線26】角丸背景付枠
【枠線27】角丸・別外枠&背景付枠
【枠線28】タイトル付枠(細いバージョン)
【枠線29】タイトル付き枠(太いバージョン)
【枠線30】タイトル付・点線の枠(細いバージョン)
【枠線31】タイトル付・点線の枠(太いバージョン)
【枠線32】タイトル付・二重線の枠(細いバージョン)
【枠線33】タイトル付・二重線の枠(太いバージョン)
【枠線34】上部タイトル付枠
【枠線35】見出し枠
