簡単に文字の背景を蛍光ペン風に！コピペで使えるサンプルをまとめ！
CSSでデザインした コピペで使える 蛍光ペン風の文字背景のデザインサンプルです。
サンプルタグをコピーして、HTML編集画面に貼り付けてご利用してください。
デザインサンプル
※お好みのカラータイトルをクリックするとサンプルタグへ移動します。(↓)
| タイトル 1 | タイトル 5 | タイトル 9 | タイトル13 |
| タイトル 2 | タイトル 6 | タイトル10 | タイトル14 |
| タイトル 3 | タイトル 7 | タイトル11 | タイトル15 |
| タイトル 4 | タイトル 8 | タイトル12 | タイトル16 |
蛍光マーカー サンプル１ をコピーする
【サンプル１】のタグ（↓）
蛍光マーカー<span style="background-color:#161b1a; font-weight: bold; color: #ffffff;"> サンプル２ </span>をコピーする
蛍光マーカー サンプル２ をコピーする
【サンプル２】のタグ（↓）
蛍光マーカー<span style="background-color:#313d42; font-weight: bold; color: #ffffff;"> サンプル２ </span>をコピーする
蛍光マーカー サンプル３ をコピーする
【サンプル３】のタグ（↓）
蛍光マーカー<span style="background-color:#52646c; font-weight: bold; color: #ffffff;"> サンプル３ </span>をコピーする
蛍光マーカー サンプル４ をコピーする
【サンプル４】のタグ（↓）
蛍光マーカー<span style="background-color:#dbe0e3; font-weight: bold;"> サンプル４ </span>をコピーする
蛍光マーカー サンプル５ をコピーする
【サンプル５】のタグ（↓）
蛍光マーカー<span style="background-color:#990000; font-weight: bold; color: #ffffff;"> サンプル５ </span>をコピーする
蛍光マーカー サンプル６ をコピーする
【サンプル６】のタグ（↓）
蛍光マーカー<span style="background-color:#dc143c; font-weight: bold; color: #ffffff;"> サンプル６ </span>をコピーする
蛍光マーカー サンプル７ をコピーする
【サンプル７】のタグ（↓）
蛍光マーカー<span style="background-color:#ffa3d1; font-weight: bold;"> サンプル７ </span>をコピーする
蛍光マーカー サンプル８ をコピーする
【サンプル８】のタグ（↓）
蛍光マーカー<span style="background-color:#F8E0F1; font-weight: bold;"> サンプル８ </span>をコピーする
蛍光マーカー サンプル９ をコピーする
【サンプル９】のタグ（↓）
蛍光マーカー<span style="background-color:#e0ffff; font-weight: bold;"> サンプル９ </span>をコピーする
蛍光マーカー サンプル１０ をコピーする
【サンプル１０】のタグ（↓）
蛍光マーカー<span style="background-color:#02a4f5; font-weight: bold; color: #ffffff;"> サンプル１０ </span>をコピーする
蛍光マーカー サンプル１１ をコピーする
【サンプル１１】のタグ（↓）
蛍光マーカー<span style="background-color:#40e0d0; font-weight: bold;"> サンプル１１ </span>をコピーする
蛍光マーカー サンプル１２ をコピーする
【サンプル１２】のタグ（↓）
蛍光マーカー<span style="background-color:#00008b; font-weight: bold; color: #ffffff;"> サンプル１２ </span>をコピーする
蛍光マーカー サンプル１３ をコピーする
【タイトル１３】のサンプルタグ（↓）
蛍光マーカー<span style="background-color:#ff4500; font-weight: bold; color: #ffffff;"> サンプル１３ </span>をコピーする
蛍光マーカー サンプル１４ をコピーする
【サンプル１４】のタグ（↓）
蛍光マーカー<span style="background-color:#ff6347; font-weight: bold;"> サンプル１４ </span>をコピーする
蛍光マーカー サンプル１５ をコピーする
【サンプル１５】のタグ（↓）
蛍光マーカー<span style="background-color:#F5D0A9; font-weight: bold;"> サンプル１５ </span>をコピーする
蛍光マーカー サンプル１６ をコピーする
【サンプル１６】のタグ（↓）
蛍光マーカー<span style="background-color:#ffff00; font-weight: bold;"> サンプル１６ </span>をコピーする
