パーツ番号 07-05-03 ・ CSSのみ

グラデーション罫線

両端に向けて色が薄くなるグラデーションの一本線です。強調しすぎない上品な区切りとして、料金表やセクション間の仕切りに使えます。

staticcss

プレビュー

ソースコード

HTML

<div class="d07-05-03-line"></div>

CSS

.d07-05-03-line{ width:100%; max-width:320px; height:3px; border-radius:2px;
          background:linear-gradient(90deg, rgba(51,51,51,0) 0%, #333 50%, rgba(51,51,51,0) 100%); }

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