枠線の記事への入れ方はコチラをご覧ください
スマホでの枠線の入れ方
アメブロの記事に枠線を入れよう！～枠線の入れ方と注意点、失敗しないコツを解説！
解説
#で始まる６文字の英数字がカラーコードです。
これを変えると色を変更できます。
【配色の参考ページ】
WEB色見本カラーコード
パステルカラーパレット
○px がラインの太さです。
数字が大きいほど太くなります。
タグを変えると線の種類も変えられます
実践： solid
二重線： double
点線： dotted
破線： dashed
文字数に合わせて幅を自動調整： display:inline-block;
【アメブロ】文字数に合わせて枠線の幅を自動調整する方法
ここから枠線一覧になります。
ご希望のタグをコピーして、
ご自由にお使いください！
※リブログや紹介もご自由にどうぞ！
ただし転用・パクリ・二次利用などは禁止です。
ご紹介いただく際は、出典元として当ブログのリンクをお願いします
１．基本の罫線
２．カラー罫線
全２０色はこちらから【枠線２】カラー罫線
３．点線
全２０色はこちらから【枠線３】点線の罫線
４．基本の枠 （スマホだと表示されない場合があります）
５．基本の枠（細いバージョン）
全２０色はこちらから【枠線５】基本の枠線（細いバージョン）
６．基本の枠（太いバージョン）
全２０色はこちらから【枠線６】基本の枠線（太いバージョン）
７．基本の枠（角丸・細いバージョン）
全２０色はこちらから【枠線７】基本の枠（角丸・細いバージョン）
８．基本の枠（角丸・太いバージョン）
全２０色はこちらから【枠線８】基本の枠（角丸・太いバージョン）
９．基本の枠（二重線・細いバージョン）
全２０色はこちらから【枠線９】二重線の枠（細いバージョン）
１０．基本の枠（二重線・太いバージョン）
全２０色はこちらから【枠線１０】二重線の枠（太いバージョン）
１１．基本の枠（角丸二重線・細いバージョン）
全２０色はこちらから【枠線１１】角丸二重線枠（細いバージョン）
１２．基本の枠（角丸二重線・太いバージョン）
全２０色はこちらから【枠線１２】角丸二重線枠（太いバージョン）
１３．点線の枠
全２０色はこちらから【枠線１３】点線の枠
１４．角丸点線の枠
全２０色はこちらから【枠線１４】角丸点線の枠
１５．破線の枠 （細めバージョン）
全２０色はこちらから【枠線１５】破線の枠（細めバージョン）
【枠線１６】破線の枠（太めバージョン）
全２０色はこちらから【枠線１６】破線の枠（太めバージョン）
１７．背景付枠
全２０色はこちらから【枠線１７】背景付枠
１８．外枠＆背景付枠
全８色はこちらから【枠線１８】外枠＆背景付枠
１９．角丸外枠＆背景付枠
全８色はこちらから【枠線１９】角丸外枠＆背景付枠
２０．点線外枠＆背景付枠
全８色はこちらから【枠線２０】点線外枠＆背景付枠
２１．角丸点線外枠＆背景付枠
全８色はこちらから【枠線２１】角丸点線外枠＆背景付枠
２２．点線外枠＆背景付枠（太めバージョン）
全８色はこちらから【枠線２２】点線外枠＆背景付枠（太めバージョン）
２３．破線外枠＆背景付枠（細めバージョン）
全８色はこちらから【枠線２３】破線外枠＆背景付枠（細めバージョン）
２４．破線外枠＆背景付枠（太めバージョン）
全８色はこちらから【枠線２４】破線外枠＆背景付枠（太めバージョン）
２５．角丸破線外枠＆背景付枠
全８色はこちらから【枠線２５】角丸破線外枠＆背景付枠
２６．角丸背景付枠
全２０色はこちらから【枠線２６】角丸背景付枠
２７．角丸・別外枠＆背景付枠
全２０色はこちらから【枠線２７】角丸・別外枠＆背景付枠
２８．タイトル付き枠（細いバージョン）
本文</fieldset>
全２０色はこちらから【枠線２８】タイトル付枠（細いバージョン）
２９．タイトル付き枠（太いバージョン）
本文</fieldset>
全２０色はこちらから【枠線２９】タイトル付き枠
３０．タイトル付き・点線の枠（細いバージョン）
全２０色はこちらから【枠線３０】タイトル付・点線の枠
３１．タイトル付き・点線の枠（太いバージョン）
本文</fieldset>
全２０色はこちらから【枠線３１】タイトル付・点線の枠（太いバージョン）
３２．タイトル付き・二重線の枠（細いバージョン）
全２０色はこちらから【枠線３２】タイトル付・二重線の枠（細いバージョン）
３３．タイトル付き・二重線の枠（太いバージョン）
全２０色はこちらから【枠線３３】タイトル付・二重線の枠（太いバージョン）
３４．上部タイトル付枠 ※androidスマホで開くと崩れる場合があります
全２０色はこちらから【枠線３４】上部タイトル付枠
３５．見出し枠 ※androidスマホで開くと崩れる場合があります
全２０色はこちらから【枠線３５】見出し枠
告知記事を書くときはもちろん、通常の記事を書く時も、
枠線を使ったりラインを引いたりするだけで、
とっても読みやすくなります！
ぜひ、使ってみてくださいね
【参考記事】
枠線の中で改行したら線が増えちゃった(ﾟдﾟ)！って時は・・・・
「スマホで見ると枠線から画像やリンクがはみ出しちゃう問題」の解決方法♡
トレンドを知ってコツコツ育てる！Instagram集客攻略セミナー 6月26日(木)10時 ／ 7月4日(金)20時 「売れる」を作る！Web広告セミナー 7月11日(金) 20時 起業するなら必ず知っておきたい経理基礎講座 9月27日(土) 19時■イベント情報
質問相談OK！東京ランチ交流会 7月18日（金）残１席 ブログやお仕事に使える！スタジオ写真撮影会 9月26日(金)残２席■【Ameba主催】ビジネスプランの方は無料！
《全３回 起業基礎コース》
マーケティングの基本知識を押さえて売れる商品・サービスを作ろう！ 購入しやすい価格を設定して売上を上げよう！ 販促方法を押さえてネットで販売してみよう！■個別コンサル
売れ続けるための アメブロ集客×起業コンサル＆相談室 ご予約可能日程
