CSS見出しデザイン21選。現場ですぐ使える見出しデザインをご紹介 | BUILD Journal

CSSで実装できるシンプルな見出しデザインを21パターンご紹介します。汎用性が高くテイストに縛られず現場ですぐ使えるデザインなのでストックしておくと便利に使えます。あなたの現場でぜひご利用ください。 CSSのみで実装するシンプルな見出しデザイン21パターン蛍光ペンのような線をひいたCSS見出しデザイン HTML<h2 class="heading01">ラインを使ったCSS見出し</h2>CSS.heading01 { display: inline; font-size: 26px; background-image: linear-gradient(rgba(0,0,0,0) 70%, rgb(252,81,133) 70%); }蛍光ペンで線を引いたような見出しデザインです。display: inlineで複数行にも対応させています。 2色を重ねた線とCSS見出しデザイン HTML<

[nekoline]

“content: attr(data-en);”

[sisicom]

地味だけどこういうのはホントによく使う

[waicode]

特に縦線・破線・斜線を施したCSS見出しが汎用的で重宝している。

[casm]

repeating-linear-gradient知らなかった恥ずかしい。