複数行にマーカーを付ける方法

2019.05.01

複数行のテキストにマーカーを付けたいときは、以下のCSSを記述すればできます!


            .marker{

              background: -webkit-linear-gradient(transparent 70%, #ffff66 30%);

              background: -moz-linear-gradient(transparent 70%, #ffff66 30%);

              background: -o-linear-gradient(transparent 70%, #ffff66 30%);

              background: linear-gradient(transparent 70%, #ffff66 30%);

              display: inline;

            }
            

すると、こんな風に何行にわたっても、マーカーを引いたように表現できますよ!

令和
おめでとう!