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

破線囲み引用

破線の枠で囲んだカジュアルな引用ブロック。コラムやレビュー記事内の軽めのコメント表示に使えます。

staticcss

プレビュー

ソースコード

HTML

<blockquote class="d02-04-09-quote">
          手描きのノートを思わせる破線の枠が、かしこまらないカジュアルな雰囲気を演出します。
        </blockquote>

CSS

.d02-04-09-quote{
          margin:0;
          padding:16px 18px;
          border:2px dashed #c9ccd6;
          border-radius:8px;
          font-size:14px;
          line-height:1.85;
          color:#444;
          background:#fff;
        }

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