パソコン、スマホが苦手なアナタも
コピぺするだけだからカンタン！
アメブロを囲み枠でおしゃれに♪
《ピンク系》見出し・囲み枠です。
👉他の色はアメブロ囲み枠でおしゃれに！100選まとめ
ピンクの色は、お好きな色に変えられます♪
アメブロが囲み枠でもっと見やすくなりますよ！
アメブロ見出し ピンク１
コピペして「HTML表示」画面ではりつけ
<h2 style="margin: left; margin-bottom:none; border-left-width: 25px; border-left-style: solid; border-left-color:#ff8989; margin-top:0px; border-bottom-style: solid; border-bottom-color: #ff8989; padding: 0 0.3em;"><span style="font-size: 1.2em;"><b>ここにタイトル</b></span></h2>
アメブロ見出し ピンク２
コピペして「HTML表示」画面ではりつけ
<h2 style="margin:left; padding:10px; border-radius:30px; background-color:#ff8989;"><span style="font-size:1.2em;"><span style="font-weight:bold;"><span style="color:#ffffff;">ここにタイトル</span></span></span></h2>
アメブロ見出し ピンク３
コピペして「HTML表示」画面ではりつけ
<h2 style="margin:left; padding:10px; background-color:#ff8989;"><span style="font-size: 1.2em;"><b><span style="color:#ffffff;">ここにタイトル</span></b></span></h2>
アメブロ見出し４
コピペして「HTML表示」画面ではりつけ
<h2 style="padding:10px;border-radius:15px; background:#ff8989; border-style:dashed; border-color:#ffefd5; border-width;3px; padding:0.1em 0.3em;"><font color="#fffafa"><span style="font-size: 1.2em;"><b>こちらに文章を入れる</b></span></font></h2>
アメブロ見出し ピンク５
コピペして「HTML表示」画面ではりつけ
<h2 style="margin:left; padding:10px; border-radius:0px 30px 0px 30px; background-color:#ff8989;"><span style="font-size:1.4em;"><span style="font-weight:bold;"> <span style="color:#ffffff;">ここにタイトル</span></span></span></h2>
アメブロ見出し ピンク６
コピペして「HTML表示」画面ではりつけ
<h2 style="margin:left; padding:10px; border-radius:0px 30px 0px 30px; box-shadow: 10px 6px 5px 5px #a9a9a9; background-color:#ff8989;"><span style="font-size:1.4em;"><span style="font-weight:bold;">ここにタイトル</span></span></h2>
アメブロ囲み枠ピンク7 実線
改行はShift＋Enter
コピペして「HTML表示」画面ではりつけ
<p style="margin: left; padding:0px 10px; border-style: solid; border-color: #ff69b4; border-width: 2px;"><span style="font-size:1.4em;"><span style="font-weight:bold;">こちらに文章を入力</span></span></p>
アメブロ囲み枠ピンク8 実線・背景色あり
改行はShift＋Enter
コピペして「HTML表示」画面ではりつけ
background-color:＃●●●●●●; で指定すると、背景色の指定ができます。（以下同じ）
<p style="margin: left; padding:0px 10px; border-style: solid; border-color: #ff69b4; border-width: 2px;background-color:#fffacd;"><span style="font-size:1.4em;"><span style="font-weight:bold;">こちらに文章を入力</span></span></p>
アメブロ囲み枠ピンク9 点線
改行はShift＋Enter
コピペして「HTML表示」画面ではりつけ
<p style="margin: left; padding:0px 10px; border-style: dotted; border-color: #ff69b4; border-width: 2px;"><span style="font-size:1.4em;"><span style="font-weight:bold;">こちらに文章を入力</span></span></p>
アメブロ囲み枠ピンク10 点線・背景色あり
改行はShift＋Enter
コピペして「HTML表示」画面ではりつけ
<p style="margin: left; padding:0px 10px; border-style: dotted; border-color: #ff69b4; border-width: 2px; background-color:#fffacd;"><span style="font-size:1.4em;"><span style="font-weight:bold;">こちらに文章を入力</span></span></p>
アメブロ囲み枠ピンク11 太い点線
改行はShift＋Enter
コピペして「HTML表示」画面ではりつけ
<p style="margin: left; padding:0px 10px; border-style: dashed; border-color: #ff69b4; border-width: 3px;"><span style="font-size:1.4em;"><span style="font-weight:bold;">こちらに文章を入力</span></span></p>
アメブロ囲み枠ピンク12 太い点線・背景色あり
改行はShift＋Enter
コピペして「HTML表示」画面ではりつけ
<p style="margin: left; padding:0px 10px; border-style: dashed; border-color: #ff69b4; border-width: 3px; background-color:#fffacd;"><span style="font-size:1.4em;"><span style="font-weight:bold;">こちらに文章を入力</span></span></p>
アメブロ囲み枠ピンク13 二重線
改行はShift＋Enter
コピペして「HTML表示」画面ではりつけ
<p style="margin: left; padding:0px 10px; border-style: double; border-color: #ff69b4; border-width: 6px;"><span style="font-size:1.4em;"><span style="font-weight:bold;">こちらに文章を入力</span></span></p>
アメブロ囲み枠ピンク14 二重線・背景色あり
改行はShift＋Enter
コピペして「HTML表示」画面ではりつけ
<p style="margin: left; padding:0px 10px; border-style: double; border-color: #ff69b4; border-width: 6px; background-color:#fffacd;"><span style="font-size:1.4em;"><span style="font-weight:bold;">こちらに文章を入力</span></span></p>
アメブロ囲み枠ピンク15 影つき・背景色あり
改行はShift＋Enter
コピペして「HTML表示」画面ではりつけ
<p style="margin: left; padding:0px 10px; border-style: groove; border-color: #ff69b4; border-width: 8px;"><span style="font-size:1.4em;"><span style="font-weight:bold;">こちらに文章を入力</span></span></p>
アメブロ囲み枠ピンク16 影つき・背景色あり
改行はShift＋Enter
コピペして「HTML表示」画面ではりつけ
<div style="margin: left; padding:0px 10px; border-style: groove; border-color: #ff69b4; border-width: 8px; background-color:#fffacd;"><span style="font-size:1.4em;"><span style="font-weight:bold;">こちらに文章を入力</span></span></div>
アメブロ罫線ピンク17 実線
コピペして「HTML表示」画面ではりつけ
<p style="border-bottom:3px solid #ff8989;"></p>
アメブロ罫線ピンク18 細かい点線
コピペして「HTML表示」画面ではりつけ
<p style="border-bottom:3px dotted #ff8989;"></p>
アメブロ罫線ピンク19 太い点線
コピペして「HTML表示」画面ではりつけ
<p style="border-bottom:3px dashed #ff8989;"></p>
アメブロ罫線ピンク20 二重線
コピペして「HTML表示」画面ではりつけ
<p style="border-bottom:3px double #ff8989;"></p>
「アメブロの囲み枠」は
おしゃれなだけではなく
情報を整理整頓して、見やすくしてくれます！
さらに検索からも引っかかる
SEO対策も意識して作成しました。
ご自身の世界観に合わせて
積極的に使ってみてください
「見るだけ」でオンライン起業の土台が完成
メルマガ登録はこちらからどうぞ〜！
起業迷子 ブログライティング ライティング ブログ書けない 告知文 マーケティング ブログ集客 アメブロ集客 起業初心者 起業家 SNS起業 SNS集客 集客できない バリキャリ バリキャリ女子 マンツーマン キャリアウーマン 脱サラ 中間管理職 仕事やめたい アラサー アラフォー 副業
ご提供中のサービス一覧
Instaglam 
Facebook