CSS見出しデザイン21選 | corto - デザイン制作

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見出しデザイン

[nekoline]

“content: attr(data-en);”

[sisicom]

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

[waicode]

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

[casm]

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