強調文字を 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
