手書き風メモの囲み枠

今回は手書き風メモの囲み枠を作ってみました！

<div style="background-color: #FFFFE0; padding: 20px; border: 2px dashed #A52A2A; width: 300px; position: relative;">
  <p>📝 手書き風メモ：重要なメモや注釈をここに書きます。</p>
  <div style="position: absolute; top: -10px; right: -10px; transform: rotate(-10deg); background-color: #FF6347; color: white; padding: 5px;">重要</div>
</div>

📝 手書き風メモ：重要なメモや注釈をここに書きます。

重要

色を変えて雰囲気を変えてみます。

<div style="background-color: #eee6e9; padding: 20px; border: 3px dotted #a688bd; width: 300px; position: relative;">
<p>雨が降るらしいので傘を忘れずに！</p>
<div style="position: absolute; top: -10px; right: -10px; transform: rotate(-10deg); background-color: #7f1184; color: white; padding: 5px;">メモ</div>
</div>

雨が降るらしいので傘を忘れずに！

メモ

最後に一言近況を書くのにもよさそう。

<div style="background-color: #e7e7eb; padding: 20px; border: 3px dotted #80989b; width: 300px; position: relative;">
<p>急に寒くなって風邪ひきました！</p>
<div style="position: absolute; top: -10px; right: -10px; transform: rotate(-10deg); background-color: #47585c; color: white; padding: 5px;">近況</div>
</div>

急に寒くなって風邪ひきました😭

近況

自分で色を変えたい場合はこちらを参考に。

www.colordic.org

今日はドジャース対ヤンキースのワールドシリーズ初戦ですね！

大谷選手の今シーズンの活躍ぶりは期待以上のものでしたが、目指していたポストシーズン進出まで実現してしまうとは。

試合を見たい！

でも午前中は仕事があるので、結果をニュースでみることになりそうです😭