はてなブログカスタマイズを0から学ぶ

無料版はてなブログのカスタマイズを学んでいくブログ

絵文字を使ったパーティ風囲み枠

 

今回はパーティをイメージした囲み枠を作ってみました!

 

華やかなパーティ風

クラッカーと風船

<div style="border: 4px solid #ff69b4; border-radius: 15px; padding: 20px; background: linear-gradient(to right, #f39c12, #f1c40f, #ff69b4); color: #ffffff; position: relative;">
  <span style="position: absolute; top: -15px; right: 15px; font-size: 30px;">🎈</span>
  <span style="position: absolute; top: -15px; left: 15px; font-size: 30px;">🎉</span>
  <p style="color: #ffffff;">ここに文章</p>
</div>

🎈 🎉

ここに文章

 

カラフルなバルーンとクラッカーを配置したパーティ気分満点の囲み枠です。明るいグラデーションでお祝いムードを演出。

 

風船とカラフルグラデーション

<div style="border: 3px solid #ff6b6b; border-radius: 15px; padding: 20px; background: linear-gradient(to bottom right, #ffcccb, #ffeb3b, #ff6b6b); color: #ffffff; position: relative;">
  <span style="position: absolute; top: -15px; left: 20px; font-size: 40px;">🎈</span>
  <p style="color: #333;">ここに文章</p>
</div>

🎈

ここに文章

 

大き目の風船と華やかなグラデーションでカラフルな雰囲気に。

 

大人のパーティ風

<div style="border: 2px solid #ffd700; border-radius: 20px; padding: 20px; background: linear-gradient(to bottom, #ffecb3, #ff945e); color: #333333; position: relative;"><span style="position: absolute; top: -15px; left: 20px; font-size: 30px;">🥂</span>
<p style="color: #333333;">ここに文章</p>
</div>

🥂

ここに文章

 

キラキラした装飾とシャンパンで、大人のパーティをイメージした囲み枠です。グラデーションで華やかさを演出。

 

夜のパーティ風

<div style="border: 3px dotted #00bfff; border-radius: 25px; padding: 20px; background: radial-gradient(circle, #0066cc, #003366); color: #ffffff; position: relative;">
  <span style="position: absolute; top: -15px; left: 20px; font-size: 30px;">🎶</span>
  <span style="position: absolute; top: -15px; right: 20px; font-size: 30px;">✨</span>
  <p style="color: #ffffff;">ここに文章</p>
</div>

🎶

ここに文章

 

夜のパーティをイメージした、イルミネーションと音符をちりばめた囲み枠です。深い青のグラデーションで、楽しい夜を演出。

 

絵文字が入ると楽し気な雰囲気になりますね!

 

このところずっとお腹の調子がよくなくて、毎日おかゆを食べてます。

具合が悪くなって初めて食べたいものが食べられるって当たり前じゃないんだな、ということを痛感します。

おいしいけど体に悪いものって世の中にいっぱいあるけど、だからと言って我慢ばかりしても後悔することになりそうです。

バランスって難しいですね!