黄色のマーカー・・・

を引くには

・HTMLのみで装飾
・HTMLとCSSで装飾
の２パターンがあるみたいです。

見る端末の違い、ブラウザの違いで多少の違いはあるみたいですが、装飾してみたくなります。

・HTMLのみ

<p><span style=”background: linear-gradient(transparent 60%, rgba(255, 255, 255, 0) 60%, #ffff00 85%);”>・HTMLのみ</span></p>

・60%の範囲を透明状態にする。
・次の60%と85%はグラデーションの割合みたいです。
いろいろ数値を変更して試してみてください。

	transparent
・HTMLのみ	10%
・HTMLのみ	60%
・HTMLのみ	90%

	rgba(255, 255, 255, 0)
・HTMLのみ	10%
・HTMLのみ	60%
・HTMLのみ	90%

	#ffff00
・HTMLのみ	10%
・HTMLのみ	60%
・HTMLのみ	90%

・HTML＆CSS

<span class=”unline-01″>・HTML＆CSS</span>

.unline-01{
background: linear-gradient(transparent 60%, rgba(255, 255, 255, 0) 60%, #ffff00 85%);
}

CSS併用でユーザー辞書にでも追加してみますかね、プラグインだと修正待ちの弊害もあります。

・青もテスト

・赤もテスト