擬似要素

擬似要素

1.#element p#element1::first-letter{color: #ff0033;}

→１文字目だけ赤くなる

2.#element p#element2::first-line{color: #3300ff;}

→１行めの文字色が青になる

3.#element p#element3::before{content: "★";}

→文章の前に★がつく

2.#element p#element3::after{content: "◆";}

→文章の後ろに◆がつく

これをマスターするとHTMLを書き加えることなく様々な表現ができるようになります。頑張ってみてください。