WordPressのテーマによっては最初から蛍光ペン風のマーカーが付いていることがあります。 その場合は設定する必要はありません。 設定されていない方向けに書いています。 蛍光ペンマーカーを設定(CSS) まずはCSSの設定からスタート。 蛍光ペンマーカーのCSSは「linear-gradient()属性」を使います。 linear-gradient(transparent 線の太さ, 線の色 0%) このlinear-gradient属性、グラデーションを使って設定します。 ()内の線の太さと線の色を好みの色と太さに変更するだけでOK。 線の太さと線の色の意味は下の通りになります。 線の太さ 黄色の蛍光ペン(太) .marker_yellow_futo { background: linear-gradient(transparent 0%, #ffff66 0%); } 黄色の蛍光ペン
![蛍光ペン風にテキスト上をマーカーするCSSを設定してみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/66ec2015bce35ae8d2dc69a297908ad829d2ed17/height=288;version=1;width=512/https%3A%2F%2Fitbenricho.com%2Fwp-content%2Fuploads%2F2014%2F06%2Fhighlighter-marker-css.jpg)