枠線の入れ方はコチラをご覧ください
【アメブロ】枠線の入れ方
その他の枠線はコチラからどうぞ！
【全６００種類】アメブロ用枠線
配色の参考ページ
WEB色見本カラーコード
パステルカラーパレット
赤
タイトル
<div style="border-left: 10px solid #ff0000; border-bottom: 2px solid #ff0000; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
朱色
タイトル
<div style="border-left: 10px solid #ef454a; border-bottom: 2px solid #ef454a; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
ピンク１
タイトル
<div style="border-left: 10px solid #ff409f; border-bottom: 2px solid #ff409f; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
ピンク２
タイトル
<div style="border-left: 10px solid #f98289; border-bottom: 2px solid #f98289; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
ピンク３
タイトル
<div style="border-left: 10px solid #ffcccc; border-bottom: 2px solid #ffcccc; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
青１
タイトル
<div style="border-left: 10px solid #0000ff; border-bottom: 2px solid #0000ff; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
青２
タイトル
<div style="border-left: 10px solid #0075c2; border-bottom: 2px solid #0075c2; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
水色１
タイトル
<div style="border-left: 10px solid #33ccff; border-bottom: 2px solid #33ccff; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
水色２
タイトル
<div style="border-left: 10px solid #a8ffff; border-bottom: 2px solid #a8ffff; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
エメラルド
タイトル
<div style="border-left: 10px solid #7fffd4; border-bottom: 2px solid #7fffd4; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
紺色
タイトル
<div style="border-left: 10px solid #19448e; border-bottom: 2px solid #19448e; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
緑
タイトル
<div style="border-left: 10px solid #008000; border-bottom: 2px solid #008000; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
黄緑
タイトル
<div style="border-left: 10px solid #b8d200; border-bottom: 2px solid #b8d200; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
紫
タイトル
<div style="border-left: 10px solid #8000ff; border-bottom: 2px solid #8000ff; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
薄紫
タイトル
<div style="border-left: 10px solid #e2c6ff; border-bottom: 2px solid #e2c6ff; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
オレンジ
タイトル
<div style="border-left: 10px solid #ff7f00; border-bottom: 2px solid #ff7f00; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
薄オレンジ
タイトル
<div style="border-left: 10px solid #ffdbb7; border-bottom: 2px solid #ffdbb7; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
黄色
タイトル
<div style="border-left: 10px solid #ffd900; border-bottom: 2px solid #ffd900; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
茶色
タイトル
<div style="border-left: 10px solid #8b4513; border-bottom: 2px solid #8b4513; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
グレー
タイトル
<div style="border-left: 10px solid #696969; border-bottom: 2px solid #696969; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">タイトル</div>
枠線一覧まとめ
【全６００種】アメブロ用枠線
【枠線２】カラー罫線
【枠線３】点線の罫線
【枠線５】基本の枠線（細いバージョン）
【枠線６】基本の枠線（太いバージョン）
【枠線７】基本の枠（角丸・細いバージョン）
【枠線８】基本の枠（角丸・太いバージョン）
【枠線９】二重線の枠（細いバージョン）
【枠線１０】二重線の枠（太いバージョン）
【枠線１１】角丸二重線枠（細いバージョン）
【枠線１２】角丸二重線枠（太いバージョン）
【枠線１３】点線の枠
【枠線１４】角丸点線の枠
【枠線１５】破線の枠 （細めバージョン）
【枠線１６】破線の枠（太いバージョン）
【枠線１７】背景付枠
【枠線１８】外枠＆背景付枠
【枠線１９】角丸外枠＆背景付枠
【枠線２０】点線外枠＆背景付枠
【枠線２１】角丸点線外枠＆背景付枠
【枠線２２】点線外枠＆背景付枠（太めバージョン）
【枠線２３】破線外枠＆背景付枠（細めバージョン）
【枠線２４】破線外枠＆背景付枠（太めバージョン）
【枠線２５】角丸破線外枠＆背景付枠
【枠線２６】角丸背景付枠
【枠線２7】角丸・別外枠＆背景付枠
【枠線２８】タイトル付枠（細いバージョン）
【枠線２９】タイトル付き枠（太いバージョン）
【枠線３０】タイトル付・点線の枠（細いバージョン）
【枠線３１】タイトル付・点線の枠（太いバージョン）
【枠線３２】タイトル付・二重線の枠（細いバージョン）
【枠線３３】タイトル付・二重線の枠（太いバージョン）
【枠線３４】上部タイトル付枠
【枠線３５】見出し枠
