HTMLだけで引けるマーカー

全部にピンクのマーカー

&lt;span style="background: linear-gradient(transparent 0%, #ff99cc 0%);"&gt;全部にピンクのマーカー&lt;/span&gt;

1	<span style="background: linear-gradient(transparent 0%, #ff99cc 0%);">全部にピンクのマーカー</span>

上半分薄くなったピンクのマーカー

&lt;span style="background: linear-gradient(transparent 0%, #ff99cc );"&gt;上半分薄くなったピンクのマーカー&lt;/span&gt;

1	<span style="background: linear-gradient(transparent 0%, #ff99cc );">上半分薄くなったピンクのマーカー</span>

文字半分にピンクのマーカー

&lt;span style="background: linear-gradient(transparent 50%, #ff99cc 50%);"&gt;文字半分にピンクのマーカー&lt;/span&gt;

1	<span style="background: linear-gradient(transparent 50%, #ff99cc 50%);">文字半分にピンクのマーカー</span>

文字の下にピンクのマーカー

&lt;span style="background: linear-gradient(transparent 80%, #ff99cc 80%);"&gt;文字の下にピンクのマーカー&lt;/span&gt;

1	<span style="background: linear-gradient(transparent 80%, #ff99cc 80%);">文字の下にピンクのマーカー</span>

赤のマーカー

&lt;span style="background: linear-gradient(transparent 80%, #ff9999 80%);"&gt;赤のマーカー&lt;/span&gt;

1	<span style="background: linear-gradient(transparent 80%, #ff9999 80%);">赤のマーカー</span>

紫のマーカー

&amp;lt;span style="background: linear-gradient(transparent 80%, #cc99ff 80%);"&gt;紫のマーカー&lt;/span&gt;

1	&lt;span style="background: linear-gradient(transparent 80%, #cc99ff 80%);">紫のマーカー</span>

水色のマーカー

&amp;lt;span style="background: linear-gradient(transparent 80%, #99ffff 80%);"&gt;水色のマーカー&lt;/span&gt;

1	&lt;span style="background: linear-gradient(transparent 80%, #99ffff 80%);">水色のマーカー</span>

黄色のマーカー

&amp;lt;span style="background: linear-gradient(transparent 80%, #ffff99 80%);"&gt;黄色のマーカー&lt;/span&gt;

1	&lt;span style="background: linear-gradient(transparent 80%, #ffff99 80%);">黄色のマーカー</span>

オレンジのマーカー

&amp;lt;span style="background: linear-gradient(transparent 80%, #ffcc99 80%);"&gt;オレンジのマーカー&lt;/span&gt;

1	&lt;span style="background: linear-gradient(transparent 80%, #ffcc99 80%);">オレンジのマーカー</span>

緑のマーカー

&amp;lt;span style="background: linear-gradient(transparent 80%, #99ff99 80%);"&gt;緑のマーカー&lt;/span&gt;

1	&lt;span style="background: linear-gradient(transparent 80%, #99ff99 80%);">緑のマーカー</span>

茶のマーカー

&amp;lt;span style="background: linear-gradient(transparent 80%, #cc9966 80%);"&gt;茶のマーカー&lt;/span&gt;

1	&lt;span style="background: linear-gradient(transparent 80%, #cc9966 80%);">茶のマーカー</span>