こんにちは、すずしんです。 他の方のブログの記事を読んでいると…。 文字の強調の手段として、蛍光ペンでマーキングしたような線が使われていることがあります。 例えば、こんな風にテキストにひかれているのですよね。 これを見ていて、私もぜひ使ってみたいなと思いましたので…。 今回このマーカーを使えるようにしてみました。 手順としては、CSSでちょっと設定してやるだけです。 蛍光ペンマーカーの設定(CSS) 線の太さの設定 線の色の設定 サンプル蛍光マーカー テキストにマーキングする方法 ひとこと 蛍光ペンマーカーの設定(CSS) 蛍光ペンマーカーの設定には「linear-gradient」属性を使用します。 これを使って、backgroundプロパティに設定してやります。 線の太さの設定 比率を指定している部分(0%, 60%など)の値を変えることで、線の太さを変えることができます。 細い線 .
![テキストを蛍光ペン風にマーキングするCSSの設定方法 - すずしんろぐ](https://cdn-ak-scissors.b.st-hatena.com/image/square/20625a6a6041a17402460e693d1cd24a3364270f/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2FS%2FSuzushin%2F20170524%2F20170524131105.jpg)