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