2色の花写真囲み枠

2色の花写真背景の囲み枠です。

Contents

シンプルな2色の花背景囲み枠

シンプル1

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


<p>&nbsp;</p><div style="padding:20px;background:url(https://atelier-plume.net/wp-content/uploads/2022/07/blueflower.jpg);"><div style="background:rgba(255,255,255,0.8);padding:20px;">ここに本文。シンプル1</div></div><p>&nbsp;</p>
シンプル2

<p>&nbsp;</p><div style="padding:20px;background:url(https://atelier-plume.net/wp-content/uploads/2022/07/blueflower.jpg);"><div style="background:rgba(255,255,255,0.8);padding:5px;"><div style="border:4px double #D5E3F9;padding:20px;">ここに本文。シンプル2</div></div></div><p>&nbsp;</p>
シンプル3

<p>&nbsp;</p><div style="padding:20px;background:url(https://atelier-plume.net/wp-content/uploads/2022/07/blueflower.jpg);"><div style="background:rgba(255,255,255,0.8);padding:5px;"><div style="border:4px double #DFC69B;padding:20px;">ここに本文。シンプル3</div></div></div><p>&nbsp;</p>

角丸2色の花背景囲み枠

角丸1

<p>&nbsp;</p><div style="padding:20px;background:url(https://atelier-plume.net/wp-content/uploads/2022/07/blueflower.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.8);padding:20px;">ここに本文。角丸1</div></div><p>&nbsp;</p>
角丸2

<p>&nbsp;</p><div style="padding:20px;background:url(https://atelier-plume.net/wp-content/uploads/2022/07/blueflower.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.8);padding:5px;"><div style="border:4px double #D5E3F9;padding:20px;">ここに本文。角丸2</div></div></div><p>&nbsp;</p>
角丸3

<p>&nbsp;</p><div style="padding:20px;background:url(https://atelier-plume.net/wp-content/uploads/2022/07/blueflower.jpg);border-radius:10px;"><div style="background:rgba(255,255,255,0.8);padding:5px;"><div style="border:4px double #DFC69B;padding:20px;">ここに本文。角丸3</div></div></div><p>&nbsp;</p>

影つき2色の花背景囲み枠

影つき1

<p>&nbsp;</p><div style="padding:20px;background:url(https://atelier-plume.net/wp-content/uploads/2022/07/blueflower.jpg);;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.8);padding:20px;">ここに本文。影つき1</div></div><p>&nbsp;</p>
影つき2

<p>&nbsp;</p><div style="padding:20px;background:url(https://atelier-plume.net/wp-content/uploads/2022/07/blueflower.jpg);;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 #D5E3F9;padding:20px;">ここに本文。影つき2</div></div></div><p>&nbsp;</p>
影つき3

<p>&nbsp;</p><div style="padding:20px;background:url(https://atelier-plume.net/wp-content/uploads/2022/07/blueflower.jpg);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;">ここに本文。影つき3</div></div></div><p>&nbsp;</p>

影つき角丸2色の花背景囲み枠

影つき角丸1

<p>&nbsp;</p><div style="padding:20px;background:url(https://atelier-plume.net/wp-content/uploads/2022/07/blueflower.jpg);border-radius:10px;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);"><div style="background:rgba(255,255,255,0.8);padding:20px;">ここに本文。影つき角丸1</div></div><p>&nbsp;</p>
影つき角丸2

<p>&nbsp;</p><div style="padding:20px;background:url(https://atelier-plume.net/wp-content/uploads/2022/07/blueflower.jpg);border-radius:10px;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 #D5E3F9;padding:20px;">ここに本文。影つき角丸2</div></div></div><p>&nbsp;</p>
影つき角丸3

<p>&nbsp;</p><div style="padding:20px;background:url(https://atelier-plume.net/wp-content/uploads/2022/07/blueflower.jpg);border-radius:10px;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;">ここに本文。影つき角丸3</div></div></div><p>&nbsp;</p>
share
  • URLをコピーしました!
  • URLをコピーしました!
Contents