強調文字を CSS で、オシャレな蛍光ペン風にする方法を拝読いたしました。
【CSS】コピペでOK!強調文字を蛍光ペン風にする方法 – ままはっく

強調文字は色分けして使いたいと思うので、class を設定。早速トライ!

曙色の蛍光ペン

それは、現在公開している Webサイトの概況を把握することです。

strong.red {
    background: linear-gradient(transparent 60%, #f19072 100%);
}

ピンクの蛍光ペン

それは、現在公開している Webサイトの概況を把握することです。

strong.pink {
    background: linear-gradient(transparent 80%, #ff99ff 100%);
}

黄色の蛍光ペン

それは、現在公開している Webサイトの概況を把握することです。

strong.yellow {
    background: linear-gradient(transparent 50%, #ffff66 60%);
}

緑の蛍光ペン

それは、現在公開している Webサイトの概況を把握することです。

strong.green {
    background: linear-gradient(transparent 60%, #66FFCC 40%);
}

水色の蛍光ペン

それは、現在公開している Webサイトの概況を把握することです。

strong.blue {
    background: linear-gradient(transparent 40%, #bce2e8 40%);
}

 

色を使い分けることで、カラフルな強調文字になります。(^^♪

日本の伝統色 和色大辞典 – Traditional colors of Japan