下線をドットパターンにしたCSS見出しデザイン
before疑似要素で「radial-gradient」「linear-gradien」を指定しドットパターンにしてます。
下線をジグザグパターンにしたCSS見出しデザイン
before疑似要素で「linear-gradien」を4つ指定しジグザクパターンにしてます。
下線をグリッドパターンにしたCSS見出しデザイン
before疑似要素で「repeating-linear-gradient」を2つ指定しグリッドパターンにしてます。
下線をストライプにしたCSS見出しデザイン
「repeating-linear-gradient」と「linear-gradient」を使用し一部だけストライプにしています
蛍光ペンのようなゆがんだ下線を引いたシンプルなCSS見出しデザイン
「border-radius」を指定し歪んだ線にしています
蛍光ペンのような下線を文字だけに引いたシンプルなCSS見出しデザイン
「h2」セレクタで中央寄せにして「span」セレクタでグラデーションをかけてます
文字幅に合わせ下線を2色に色分けしたCSS見出しデザイン
「before」「after」疑似要素で「border-bottom」を指定し色分けしています。
下線を2色に色分けしたCSS見出しデザイン
「linear-gradient」で2色に色分けしています。
下線を2色に色分けして隙間をあけたCSS見出しデザイン
「linear-gradient」で途中から「transparent」を指定し隙間をあけてます
下線を2色に色分けしたCSS見出しデザイン
「linear-gradient」で2色に色分けしています。
文字の上に上下に境界線を引いて英字を配置したCSS見出しデザイン
contentに 'heading'を設定。位置を調整し文字の上に短い下線付き英字を配置しています
3色の小さい線を入れたCSS見出しデザイン
「linear-gradient」で下線を3色にしています
下線を太くしたシンプルなCSS見出しデザイン
「border-bottom」プロパティで幅を太くしています。
下線をグラデーションにしたCSS見出しデザイン
下線は「background-image」で調整可能です。
下線を文字に重ねてグラデーションにしたCSS見出しデザイン
下線は「background-image」で調整可能です。
細い下線を入れたシンプルなCSS見出しデザイン
文字と線の色は「color」プロパティで調整してください
下線を二重にしたシンプルなCSS見出しデザイン
文字と線の色は「color」プロパティで調整してください
文字の下に小さな英字を配置したCSS見出しデザイン
contentに 'heading'を設定。位置を調整し文字の下に配置しています
太さの違う下線を2本引いたシンプルなCSS見出しデザイン
細い線は「before」疑似要素の「border-bottom」プロパティで引きました。 色は「color」プロパティで調整可能です。
下線を文字に重ねグラデーションにしたCSS見出しデザイン
下線を吹き出しにしたCSS見出しデザイン
「before」「after」疑似要素で下線を吹き出しにしています。
カラフルに色分けした下線を入れたCSS見出しデザイン
下線は「 background-image」プロパティの「linear-gradient」で調整可能です
下線を斜めストライプにしたCSS見出しデザイン
ストライプは「background-image」プロパティで調整可能です。
下線を斜めストライプにしたCSS見出しデザイン
「repeating-linear-gradient」を使用しストライプに。「background-position」で下部に表示しています。
下線を点線にしたシンプルなCSS見出しデザイン
文字と線の色は「color」プロパティで調整してください
下線を市松模様にしたCSS見出しデザイン
市松模様の色、サイズは「before」疑似要素で調整可能です
下線に小さい斜めストライプを入れたCSS見出しデザイン
「repeating-linear-gradient」でストライプに。横幅を「background-size」で小さくしています。
左右の隅に三角形を配置し下線を引いたCSS見出しデザイン
三角形は「linear-gradient」、文字の色は「color」、線は「border」プロパティで調整可能です
小さい線を入れたCSS見出しデザイン
「linear-gradient」で下線を2色にしています
破線を太くしたCSS見出しデザイン
「border-bottom: 8px dashed;」で破線にしてます
下線のドットを大きくしたポップなCSS見出しデザイン
ドットの色と文字色は「color」プロパティで調整可能です
二重の下線で色分けしたCSS見出しデザイン
下線はborder-bottomプロパティで調整できます。 背景カラーにより色を調整してください
太い下線を入れたシンプルなCSS見出しデザイン
文字と線の色は「color」プロパティで調整してください
下線を破線にしたシンプルなCSS見出しデザイン
文字と線の色は「color」プロパティで調整してください
文字と上下線を2色の斜め線で区切ったCSS見出しデザイン
線と文字の色や位置は「-webkit-linear-gradient」プロパティを調整してください
文字を二色にして下線を引いたCSS見出しデザイン
線の色とテキストの色は「border-bottom」と「linear-gradient」から変更してください