今回はChatGPTを使ってポストイット風の囲い枠を作ってみました。
<div style="background-color: #fffbcc; border: 2px solid #ffd700; width: 300px; padding: 15px; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); position: relative; margin: 20px;">
<p style="margin: 0; padding: 0;">ここにメモを入力してください。ポストイット風の囲い枠で、重要なポイントを強調できます！大きさはこの幅で固定されていて、改行でどんどん下に伸びていきます。</p>
<div style="width: 50px; height: 10px; background-color: #ffeb3b; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); border-radius: 5px 5px 0 0;"></div>
</div>
ここにメモを入力してください。ポストイット風の囲い枠で、重要なポイントを強調できます！大きさはこの幅で固定されていて、改行でどんどん下に伸びていきます。
背景色：#fffbcc
枠：border: 2px sold #ffd700
色を変えてバリエーションを作ってみます。
自分で自由に変えてみたい場合はこちらを参考に。
ピンク系
<div style="background-color: #ffc0cb; border: 2px solid #ff69b4; width: 300px; padding: 15px; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); position: relative; margin: 20px;">
<p style="margin: 0; padding: 0;">ここにメモを入力</p>
<div style="width: 50px; height: 10px; background-color: #ff69b4; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); border-radius: 5px 5px 0 0;"> </div>
</div>
ここにメモを入力
水色系
<div style="background-color: #f0f8ff; border: 2px solid #afeeee; width: 300px; padding: 15px; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); position: relative; margin: 20px;">
<p style="margin: 0; padding: 0;">ここにメモを入力</p>
<div style="width: 50px; height: 10px; background-color: #afeeee; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); border-radius: 5px 5px 0 0;"> </div>
</div>
ここにメモを入力
緑系
<div style="background-color: #e0ebaf; border: 2px solid #c3d825; width: 300px; padding: 15px; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); position: relative; margin: 20px;">
<p style="margin: 0; padding: 0;">ここにメモを入力</p>
<div style="width: 50px; height: 10px; background-color: #c3d825; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); border-radius: 5px 5px 0 0;"> </div>
</div>
ここにメモを入力
メモを貼り付けている感じがありますね！
並ぶほどではなかったけどひっきりなしに人が来ていて、今回の選挙への注目度の高さを感じました。
裏金問題がクローズアップされてますが、政治とお金はすぐ絡んじゃっていやですね。
少子高齢化とか外交問題とか、もっと頑張ってほしいところがたくさんある気がするんですが。
自分の一票くらいでは何も変わらないとは思いつつ、何とかなってほしいという思いを込めて毎回必ず投票所に足を運んでいます。
