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

左太線引用

左端に太いカラーラインを配したシンプルな引用ブロック。記事本文中で読者の目を引く一文の強調に使えます。

staticcss

プレビュー

ソースコード

HTML

<blockquote class="d02-04-01-quote">
          伝えたいことをシンプルに、しかし力強く。左端のカラーラインが視線を引き寄せる、定番の引用スタイルです。
        </blockquote>

CSS

.d02-04-01-quote{
          margin:0;
          padding:8px 0 8px 20px;
          border-left:6px solid #4a6cf7;
          font-size:15px;
          line-height:1.9;
          color:#333;
          background:#f7f8fc;
        }

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