カードみたいなゴールドの斜めストライプ背景

文字数に合わせてサイズが変わります。

メッセージボードや

記事下定型文におすすめです。

ゴールド系ストライプ背景
ゴールド系ストライプ背景と二重線
影付きゴールド系ストライプ背景とゴールド直線があります♥

ゴールド系ストライプ背景

ゴールド
ストライプ　　

<div style="display:inline-block;padding:8px;background:url(https://stat.ameba.jp/user_images/20200905/14/atelier-plume-net/1e/3a/g/o0050005014814895112.gif);border:1px solid #F0E4D0;"><div style="background:rgba(255,255,255,0.9);padding:20px;border:1px solid #F0E4D0;">本文はここに入力してください。改行はShift+Enterで！</div></div>

シャンパンゴールド
ストライプ

<div style="display:inline-block;padding:8px;background:url(https://stat.ameba.jp/user_images/20200905/14/atelier-plume-net/8d/a0/g/o0050005014814895110.gif);border:1px solid #F0EBE3;"><div style="background:rgba(255,255,255,0.9);padding:20px;border:1px solid #F0EBE3;">本文はここに入力してください。改行はShift+Enterで！</div></div>

ゴールドブラウン
ストライプ

<div style="display:inline-block;padding:8px;background:url(https://stat.ameba.jp/user_images/20200905/14/atelier-plume-net/fb/2f/g/o0050005014814895107.gif);border:1px solid #DBCCBE;"><div style="background:rgba(255,255,255,0.9);padding:20px;border:1px solid #DBCCBE;">本文はここに入力してください。改行はShift+Enterで！</div></div>

ゴールド系ストライプ背景と二重線

ゴールド
ストライプ　　　
二重線　　

<div style="display:inline-block;padding:8px;background:url(https://stat.ameba.jp/user_images/20200905/14/atelier-plume-net/1e/3a/g/o0050005014814895112.gif);border:1px solid #F0E4D0;"><div style="background:rgba(255,255,255,0.9);padding:20px;border:4px double #F0E4D0;">本文はここに入力してください。改行はShift+Enterで！</div></div>

シャンパンゴールド
ストライプ
二重線

<div style="display:inline-block;padding:8px;background:url(https://stat.ameba.jp/user_images/20200905/14/atelier-plume-net/8d/a0/g/o0050005014814895110.gif);border:1px solid #F0EBE3;"><div style="background:rgba(255,255,255,0.9);padding:20px;border:4px double #F0EBE3;">本文はここに入力してください。改行はShift+Enterで！</div></div>

ゴールドブラウン
ストライプ
二重線

<div style="display:inline-block;padding:8px;background:url(https://stat.ameba.jp/user_images/20200905/14/atelier-plume-net/fb/2f/g/o0050005014814895107.gif);border:1px solid #DBCCBE;"><div style="background:rgba(255,255,255,0.9);padding:20px;border:4px double #DBCCBE;">本文はここに入力してください。改行はShift+Enterで！</div></div>

影付きゴールド系ストライプ背景とゴールド直線

影付きゴールド
ストライプ　　

<div style="display:inline-block;padding:8px;background:url(https://stat.ameba.jp/user_images/20200905/14/atelier-plume-net/1e/3a/g/o0050005014814895112.gif);border:1px solid #F0E4D0; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.9);padding:20px;border:1px solid #F0E4D0;">本文はここに入力してください。改行はShift+Enterで！</div></div>

影付きシャンパンゴールド
ストライプ

<div style="display:inline-block;padding:8px;background:url(https://stat.ameba.jp/user_images/20200905/14/atelier-plume-net/8d/a0/g/o0050005014814895110.gif);border:1px solid #F0EBE3; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.9);padding:20px;border:1px solid #F0EBE3;">本文はここに入力してください。改行はShift+Enterで！</div></div>

影付きゴールドブラウン
ストライプ

<div style="display:inline-block;padding:8px;background:url(https://stat.ameba.jp/user_images/20200905/14/atelier-plume-net/fb/2f/g/o0050005014814895107.gif);border:1px solid #DBCCBE; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.9);padding:20px;border:1px solid #DBCCBE;">本文はここに入力してください。改行はShift+Enterで！</div></div>

『アメブロで使える枠線【カラー別リンク集】』『ボタンみたいなゴールドの囲み枠』リンクボタンとして使える囲み枠です。文字数に合わせてサイズが変わります。お問い合わせお申し込みはこちらの影なしと影…

ameblo.jp

LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています！

「マーカー」とメッセージを送ってね

ID検索は @570smkow

୨୧ アメブロで使える囲み枠一覧
୨୧ 囲み枠　週間・月間ランキング
୨୧ 囲み枠の便利な情報
୨୧ アメブロ設定ポイント10選
୨୧ Canvaのおすすめ情報

デザインとブログアドバイスで起業女性をサポートしています。

◆ あなたの魅力があふれるブログに⇒ アメブロカスタマイズ

◆ 書きやすく伝わりやすいブログに⇒ ブログ診断

◆ ランディングページやホームページの制作もしています。

お問合せ⇒お問合せフォーム