みなさんこんにちは、現役エンジニアのサメハックです
アパレル企業でトップ販売員を経て
未経験からWebエンジニアに転職し、
現在正社員として5年働いています！
１分で理解できるHTML/CSS講座シリーズです。
今回は1文字だけ色を変える方法について学んでいきましょう！
駆け出しエンジニアや未経験の方、
また新入社員を指導する先輩社員にとっても
わかりやすいように解説していきます！
この記事を読むと・・・
- 1分で任意の文字の色が変えられる
１分で理解できるHTML/CSS講座シリーズはじめっ！
spanタグを使おう！
spanタグとは
HTMLにおいて特に意味のないインライン要素です。
特定の文字や要素を区切りたい時に使用します。
■ 使用方法
<span>テキスト</span>divタグと同じようなものだよ！
実際に使ってみよう！
See the Pen 1文字色を変える by samehack (@samehack) on CodePen.
このように任意の文字だけにCSSを反映させることができたよ！
まとめ
- 1文字だけ色を変えるにはspanタグを使って、タグ内にだけCSSを反映させる
満足いただけたら、1クリックなのでSNSフォローしてもらえると嬉しいです🦈
