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

二重罫線引用

上下に細い二重線を配した引用ブロック。フォーマルな記事や規約文書内での引用表示に適しています。

staticcss

プレビュー

ソースコード

HTML

<blockquote class="d02-04-05-quote">
          上下の二本線に挟まれることで、文章がひとつの独立した区画として静かに際立ちます。
        </blockquote>

CSS

.d02-04-05-quote{
          margin:0;
          padding:16px 6px;
          border-top:3px double #999;
          border-bottom:3px double #999;
          font-size:14px;
          line-height:1.85;
          color:#3d3d3d;
          text-align:center;
        }

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