蛍光ペン風のアンダーラインまとめ

CSSでデザインした コピペで使える 蛍光ペン風のアンダーラインのデザインサンプルです。

サンプルタグをコピーして、HTML編集画面に貼り付けてご利用してください。
 

 

デザインサンプル

※お好みのカラータイトルをクリックするとサンプルタグへ移動します。(↓)

サンプル 1 サンプル 5 サンプル 9 サンプル13
サンプル 2 サンプル 6 サンプル10 サンプル14
サンプル 3 サンプル 7 サンプル11 サンプル15
サンプル 4 サンプル 8 サンプル12 サンプル16

 


 


蛍光マーカー サンプル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>をコピーする

 


 


蛍光マーカー サンプル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>をコピーする