先日、スマホ版レイアウトを調整したのですが、いろいろ調べている中で、文章を蛍光ペンでマーキングしたように表示できる方法を見つけました。 今までは、文章内で強調したい部分は、フォントカラーを赤にしていたのですが、なんか冷たい感じがしていたのです。 なんとなくイメージ的に、事務的な文章に見えるんですよね。 その見た目をちょっと変えるだけで、印象が結構違いますので、そのやり方をご紹介します。 どんな感じで表示されるか 例えば、こんな感じで表示されます。 今までは、単に赤字にしていただけなので、こんな感じです。 どうですか? 見た目的に、ちょっとだけ暖かい感じになったと思いませんか? 機械で書いていながらも、手書き感があるのです。 ちょっとした違いなのですけれども、僕は結構気に入りました。 この表示にするには、細かくは2種類の方法があります。 方法① 既存タグ「strong」のプロパティを変える