パーツ番号 02-04-08 ・ CSSのみ

グラデーション背景引用

淡いグラデーション背景を持つ引用ボックス。デザイン性を重視したブログや商品紹介ページの引用に。

staticcss

プレビュー

ソースコード

HTML

<blockquote class="d02-04-08-quote">
          やわらかなグラデーションが背景に広がることで、引用ボックス全体に奥行きのある印象が生まれます。
        </blockquote>

CSS

.d02-04-08-quote{
          margin:0;
          padding:18px 20px;
          border-radius:12px;
          background:linear-gradient(135deg, #eef1fd 0%, #fdeef5 100%);
          font-size:14px;
          line-height:1.85;
          color:#4a3d55;
        }

クラス名 .d02-04-08 は本ライブラリ内での識別用です。複数のパーツを同じページで使う場合は、重複しないよう名前を変更してください。