アメブロ書いていてイロイロ機能がある事が分かってきた。逆に「これは、あるべきだろ！」と思うことがないとイライラします。そんな時にはChatGPTです。
アメブロで使える**青の区切線（罫線）**をHTMLで作成するには、以下のコードを使ってください。アメブロの仕様により、<style>タグが使えない場合があるため、インラインCSSを使用しています。
シンプルな青の区切線（細め）
<hr style="border: none; border-top: 2px solid #3399ff; margin: 20px 0;">
太めで丸みのある青の区切線
<div style="height: 6px; background-color: #3399ff; border-radius: 3px; margin: 20px 0;"></div>
グラデーションの青い区切線
<div style="height: 4px; background: linear-gradient(to right, #3399ff, #66ccff); border-radius: 2px; margin: 20px 0;"></div>
これらのコードを記事の編集画面の「HTML表示」で貼り付けて使ってください。ちなみに和風はコチラ
筆で引いたような和風ライン
<div style="height: 6px; background: linear-gradient(to right, #003366, #3399cc, #003366); border-radius: 3px; margin: 20px 0;"></div>
波模様を意識した細い線
<div style="height: 2px; background-image: repeating-linear-gradient(90deg, #336699, #336699 4px, transparent 4px, transparent 8px); margin: 20px 0;"></div>
青い市松模様の区切り
<div style="height: 8px; background-image: repeating-linear-gradient(90deg, #336699 0, #336699 8px, #ffffff 8px, #ffffff 16px); margin: 20px 0;"></div>
水のゆらぎを意識したグラデーション
<div style="height: 4px; background: linear-gradient(to right, #1e3c72, #2a5298); border-radius: 2px; margin: 20px 0;"></div>