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

背景色ベタ塗り引用

淡い背景色で囲んだボックス型の引用。注意書きや補足的な引用文をやわらかく囲みたい場合に使えます。

staticcss

プレビュー

ソースコード

HTML

<blockquote class="d02-04-03-quote">
          背景を淡い色でベタ塗りにすることで、地の文と明確に区切られたボックス型の引用に仕上がります。
        </blockquote>

CSS

.d02-04-03-quote{
          margin:0;
          padding:18px 20px;
          background:#fdf3e7;
          border-radius:10px;
          font-size:14px;
          line-height:1.85;
          color:#6b4a23;
        }

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