今回は夜空をイメージした背景を作ってみました！
静かな夜空
<div style="border: 2px solid #1e3a8a; border-radius: 15px; padding: 20px; background: linear-gradient(to bottom, #001f3f, #708090); color: #ffffff; box-shadow: 0 0 15px #696969;">
<p style="color: #ffffff;">ここに文章</p>
</div>
ここに文章
濃い青色の背景のグラデーションで静かな夜空をイメージした囲み枠です。
周りに影を付けてぼんやりと月に雲がかかっている雰囲気です。
月の輝く夜空
<div style="border: 3px dashed #4a4e69; border-radius: 20px; padding: 20px; background: radial-gradient(circle, #2a2a72, #000046); color: #f0e68c; position: relative;"><span style="position: absolute; top: -15px; left: 20px; font-size: 40px;">🌙</span>
<p style="color: #f0e68c;">ここに文章</p>
</div>
ここに文章
三日月をテーマにした、夜空の囲み枠です。月と濃い夜の空で幻想的な雰囲気を演出しています。
囲み枠に絵文字をちりばめるって面白いですね！
文字と重なってるところはちょっと見づらいけど・・・
明るい夜空
<div style="border: 2px solid #0a0a23; border-radius: 10px; padding: 15px; background: linear-gradient(to right, #020024, #090979, #00d4ff); color: #ffffff; box-shadow: 0 0 10px #00d4ff;">
<p style="color: #ffffff;">ここに文章</p>
</div>
ここに文章
明るい青と濃い青のグラデーションが夜空を演出します。
周りは明るく星で輝いているイメージです。
秋から冬は夜が長くなる季節。
たまには夜空をみて、月の形を眺めるのも風流ですね！
ついこの間までクーラーが必要だったのに、急に炬燵がほしい寒さになってきました。
ちょうどよく気持ちの良い季節はほんとに短い・・・
おなかが冷えたせいか、このところ胃腸の調子がいまいちです。
これからは暖かく過ごすよう気をつけないとですね！
