<p><span class="marker_pink">蛍光マーカーのような線</span>を引くことができます</p>
<p><span class="marker_lime">蛍光マーカーのような線</span>を引くことができます</p>
<p><span class="marker_water">蛍光マーカーのような線</span>を引くことができます</p>

.marker_pink {
  background-image: linear-gradient(transparent 60%, #f6c 60%);
}
.marker_lime {
  background-image: linear-gradient(transparent 60%, #6fc 60%);
}
.marker_water {
  background-image: linear-gradient(transparent 60%, #6cf 60%);
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.