蛍光ペン風のアンダーラインまとめ
CSSでデザインした コピペで使える 蛍光ペン風のアンダーラインのデザインサンプルです。
サンプルタグをコピーして、HTML編集画面に貼り付けてご利用してください。
デザインサンプル
※お好みのカラータイトルをクリックするとサンプルタグへ移動します。(↓)
| サンプル 1 | サンプル 5 | サンプル 9 | サンプル13 |
| サンプル 2 | サンプル 6 | サンプル10 | サンプル14 |
| サンプル 3 | サンプル 7 | サンプル11 | サンプル15 |
| サンプル 4 | サンプル 8 | サンプル12 | サンプル16 |
蛍光マーカー サンプル１ をコピーする
【サンプル１】のタグ（↓）
蛍光マーカー<span style="background: linear-gradient(transparent 60%, #ff69b4 60%);"> サンプル１ </span>をコピーする
蛍光マーカー サンプル２ をコピーする
【サンプル２】のタグ（↓）
蛍光マーカー<span style="background: linear-gradient(transparent 60%, #ee82ee 60%);"> サンプル２ </span>をコピーする
蛍光マーカー サンプル３ をコピーする
【サンプル３】のタグ（↓）
蛍光マーカー<span style="background: linear-gradient(transparent 60%, #d8bfd8 60%);"> サンプル３ </span>をコピーする
蛍光マーカー サンプル４ をコピーする
【サンプル４】のタグ（↓）
蛍光マーカー<span style="background: linear-gradient(transparent 60%, #e6e6fa 60%);"> サンプル４ </span>をコピーする
蛍光マーカー サンプル５ をコピーする
【サンプル５】のタグ（↓）
蛍光マーカー<span style="background: linear-gradient(transparent 60%, #1e90ff 60%);"> サンプル５ </span>をコピーする
蛍光マーカー サンプル６ をコピーする
【サンプル６】のタグ（↓）
蛍光マーカー<span style="background: linear-gradient(transparent 60%, #CED8F6 60%);"> サンプル６ </span>をコピーする
蛍光マーカー サンプル７ をコピーする
【サンプル７】のタグ（↓）
蛍光マーカー<span style="background: linear-gradient(transparent 60%, #A9A9F5 60%);"> サンプル７ </span>をコピーする
蛍光マーカー サンプル８ をコピーする
【サンプル８】のタグ（↓）
蛍光マーカー<span style="background: linear-gradient(transparent 60%, #b0c4de 60%);"> サンプル８ </span>をコピーする
蛍光マーカー サンプル９ をコピーする
【サンプル９】のタグ（↓）
蛍光マーカー<span style="background: linear-gradient(transparent 60%, #3cb371 60%);"> サンプル９ </span>をコピーする
蛍光マーカー サンプル１０ をコピーする
【サンプル１０】のタグ（↓）
蛍光マーカー<span style="background: linear-gradient(transparent 60%, #00fa9a 60%);"> サンプル１０ </span>をコピーする
蛍光マーカー サンプル１１ をコピーする
【サンプル１１】のタグ（↓）
蛍光マーカー<span style="background: linear-gradient(transparent 60%, #66FFCC 60%);"> サンプル１１ </span>をコピーする
蛍光マーカー サンプル１２ をコピーする
【サンプル１２】のタグ（↓）
蛍光マーカー<span style="background: linear-gradient(transparent 60%, #CEF6D8 60%);"> サンプル１２ </span>をコピーする
蛍光マーカー サンプル１３ をコピーする
【タイトル１３】のサンプルタグ（↓）
蛍光マーカー<span style="background: linear-gradient(transparent 60%, #fa8072 60%);"> サンプル１３ </span>をコピーする
蛍光マーカー サンプル１４ をコピーする
【サンプル１４】のタグ（↓）
蛍光マーカー<span style="background: linear-gradient(transparent 60%, #F6E3CE 60%);"> サンプル１４ </span>をコピーする
蛍光マーカー サンプル１５ をコピーする
【サンプル１５】のタグ（↓）
蛍光マーカー<span style="background: linear-gradient(transparent 60%, #ffa500 60%);"> サンプル１５ </span>をコピーする
蛍光マーカー サンプル１６ をコピーする
【サンプル１６】のタグ（↓）
蛍光マーカー<span style="background: linear-gradient(transparent 60%, #ffff00 60%);"> サンプル１６ </span>をコピーする
