ピンク×パープルのグラデーション背景の囲み枠

 

 

 

<div style="padding: 8px;background-image: linear-gradient(-45deg, #E3D1EF, #FFE9F0);"><span style="font-weight:bold;">ここに見出し</span></div>

<div style="padding:20px;background-image: linear-gradient(-45deg, #E3D1EF, #FFE9F0);"><div style="background:rgba(255,255,255,0.8);padding:20px;">本文はここに入力してください。改行はShift+Enterで！ </div></div>

<div style="padding:20px;background-image: linear-gradient(-45deg, #E3D1EF, #FFE9F0);"><div style="background:rgba(255,255,255,0.8);padding:5px;"><div style="border:4px double #FFE0EA;padding:20px;">本文はここに入力してください。改行はShift+Enterで！ </div></div></div>

<div style="padding:20px;background-image: linear-gradient(-45deg, #E3D1EF, #FFE9F0);"><div style="background:rgba(255,255,255,0.8);padding:5px;"><div style="border:4px double #DFC69B;padding:20px;">本文はここに入力してください。改行はShift+Enterで！ </div></div></div>

<div style="padding:20px;background-image: linear-gradient(-45deg, #E3D1EF, #FFE9F0);border-radius:10px;"><div style="background:rgba(255,255,255,0.8);padding:20px;">本文はここに入力してください。改行はShift+Enterで！ </div></div>

<div style="padding:20px;background-image: linear-gradient(-45deg, #E3D1EF, #FFE9F0);border-radius:10px;"><div style="background:rgba(255,255,255,0.8);padding:5px;"><div style="border:4px double #FFE0EA;padding:20px;">本文はここに入力してください。改行はShift+Enterで！ </div></div></div>

<div style="padding:20px;background-image: linear-gradient(-45deg, #E3D1EF, #FFE9F0);border-radius:10px;"><div style="background:rgba(255,255,255,0.8);padding:5px;"><div style="border:4px double #DFC69B;padding:20px;">本文はここに入力してください。改行はShift+Enterで！ </div></div></div>

<div style="padding:20px;background-image: linear-gradient(-45deg, #E3D1EF, #FFE9F0);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.8);padding:20px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

<div style="padding:20px;background-image: linear-gradient(-45deg, #E3D1EF, #FFE9F0);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.8);padding:5px;"><div style="border:4px double #FFE0EA;padding:20px;">本文はここに入力してください。改行はShift+Enterで！</div></div></div>

<div style="padding:20px;background-image: linear-gradient(-45deg, #E3D1EF, #FFE9F0);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.8);padding:5px;"><div style="border:4px double #DFC69B;padding:20px;">本文はここに入力してください。改行はShift+Enterで！</div></div></div>

<div style="padding:20px;background-image: linear-gradient(-45deg, #E3D1EF, #FFE9F0);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);border-radius:10px;"><div style="background:rgba(255,255,255,0.8);padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div>

<div style="padding:20px;background-image: linear-gradient(-45deg, #E3D1EF, #FFE9F0);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);border-radius:10px;"><div style="background:rgba(255,255,255,0.8);padding:5px;border-radius:5px;"><div style="border:4px double #FFE0EA;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div></div>

<div style="padding:20px;background-image: linear-gradient(-45deg, #E3D1EF, #FFE9F0);box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);border-radius:10px;"><div style="background:rgba(255,255,255,0.8);padding:5px;border-radius:5px;"><div style="border:4px double #DFC69B;padding:20px;border-radius:5px;">本文はここに入力してください。改行はShift+Enterで！</div></div></div>

୨୧ アメブロで使える囲み枠一覧
୨୧ テイスト別囲み枠セット　　
୨୧ ピンク囲み枠／ゴールド囲み枠／グリーン囲み枠／水色囲み枠
୨୧ 写真背景囲み枠① ② ③ ④
୨୧ 囲み枠ランキング
୨୧ 囲み枠の種類別一覧とアレンジ方法