メッセージボードや
記事下定型文におすすめです。
- ブルーの光背景
- 角丸ブルーの光背景
- 影つきブルーの光背景
- 影つき角丸ブルーの光背景があります。
シンプルブルーの光背景
本文はここに入力してください。
改行はShift+Enterで!
改行はShift+Enterで!
<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220412/21/atelier-plume-net/95/14/j/o0650065015101980605.jpg);"><div style="background:rgba(255,255,255,0.5);padding:20px">本文はここに入力してください。改行はShift+Enterで!</div></div>
本文はここに入力してください。
改行はShift+Enterで!
改行はShift+Enterで!
<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220412/21/atelier-plume-net/95/14/j/o0650065015101980605.jpg);"><div style="background:rgba(255,255,255,0.5);padding:5px;"><div style="border:4px double #C8EFF6;padding:20px">本文はここに入力してください。改行はShift+Enterで!</div></div></div>
本文はここに入力してください。
改行はShift+Enterで!
改行はShift+Enterで!
<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220412/21/atelier-plume-net/95/14/j/o0650065015101980605.jpg);"><div style="background:rgba(255,255,255,0.5);padding:5px;"><div style="border:4px double #DFC69B;padding:20px">本文はここに入力してください。改行はShift+Enterで!</div></div></div>
角丸ブルーの光背景
本文はここに入力してください。
改行はShift+Enterで!
改行はShift+Enterで!
<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220412/21/atelier-plume-net/95/14/j/o0650065015101980605.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.5);padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div>
本文はここに入力してください。
改行はShift+Enterで!
改行はShift+Enterで!
<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220412/21/atelier-plume-net/95/14/j/o0650065015101980605.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.5);padding:5px;border-radius:5px;"> <div style="border:4px double #C8EFF6;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div></div>
本文はここに入力してください。
改行はShift+Enterで!
改行はShift+Enterで!
<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220412/21/atelier-plume-net/95/14/j/o0650065015101980605.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.5);padding:5px;border-radius:5px;"><div style="border:4px double #DFC69B;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div></div>
影つきブルーの光背景
本文はここに入力してください。
改行はShift+Enterで!
改行はShift+Enterで!
<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220412/21/atelier-plume-net/95/14/j/o0650065015101980605.jpg);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);padding:20px;">本文はここに入力してください。改行はShift+Enterで!</div></div>
本文はここに入力してください。
改行はShift+Enterで!
改行はShift+Enterで!
<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220412/21/atelier-plume-net/95/14/j/o0650065015101980605.jpg);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);padding:5px;"><div style="border:4px double #C8EFF6;padding:20px">本文はここに入力してください。改行はShift+Enterで!</div></div></div>
本文はここに入力してください。
改行はShift+Enterで!
改行はShift+Enterで!
<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220412/21/atelier-plume-net/95/14/j/o0650065015101980605.jpg);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);padding:5px;"><div style="border:4px double #DFC69B;padding:20px">本文はここに入力してください。改行はShift+Enterで!</div></div></div>
影つき角丸ブルーの光背景
本文はここに入力してください。
改行はShift+Enterで!
改行はShift+Enterで!
<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220412/21/atelier-plume-net/95/14/j/o0650065015101980605.jpg);border-radius:10px;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div>
本文はここに入力してください。
改行はShift+Enterで!
改行はShift+Enterで!
<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220412/21/atelier-plume-net/95/14/j/o0650065015101980605.jpg);border-radius:10px;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);padding:5px;border-radius:5px;"><div style="border:4px double #C8EFF6;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div></div>
本文はここに入力してください。
改行はShift+Enterで!
改行はShift+Enterで!
<div style="padding:20px;background:url(https://stat.ameba.jp/user_images/20220412/21/atelier-plume-net/95/14/j/o0650065015101980605.jpg);border-radius:10px;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.5);padding:5px;border-radius:5px;"><div style="border:4px double #DFC69B;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで!</div></div></div>
LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています!
「マーカー」とメッセージを送ってね
ID検索は @570smkow
Amebaブログforビジネス公式パートナー
୨୧ アメブロで使える囲み枠一覧
୨୧ 囲み枠 週間・月間ランキング
୨୧ 囲み枠の便利な情報
୨୧ アメブロ設定ポイント10選
୨୧ Canvaのおすすめ情報