ブログにコピペできる装飾HTMLパーツを作るAI

ブログ記事にコピペして使える、シンプルで崩れにくい装飾HTMLパーツを作ってください。 【目的】 記事本文を少し見やすくしたい初心者向けに、用途別の定番パーツを出してください。 【入力】 - 用途: ここに入力（例: 見出し下ボックス / 注意書き / 補足ボックス / 吹き出し / CTA前囲み） - 入れたい文言: ここに入力 - ラベル: ここに入力（例: ポイント / 注意 / 補足） - メインカラー: ここに入力（例: #f59e0b） - 背景カラー: ここに入力（例: #fff7ed） 【出力ルール】 1. この用途に合うHTMLパーツ候補を3つ出してください。 2. すべて初心者向けのシンプルなHTMLにしてください。 3. JavaScript、外部CSS、iframe、アニメーション、複雑なclass設計は使わないでください。 4. div、p、strong、span程度の基本タグ中心で作ってください。 5. 各候補ごとに以下をセットで出してください。 - 候補名 - 向いている使い方 - どこを変えれば使えるか - コピペ用HTML 6. HTMLは、文言・ラベル・色だけ変えれば使える形にしてください。 7. 見た目を盛りすぎず、ブログ本文になじむ定番デザインにしてください。 8. 最後に『この3候補なら初心者に最初におすすめはどれか』を1つだけ教えてください。 【禁止】 - 難しい装飾 - 1つの候補の中に大量の入れ子構造 - 環境依存が強いコード - 説明なしでHTMLだけを並べること 出力は、日本語で分かりやすくまとめてください。