コピペだけ！CSSでWEBデザインの幅が広がる便利テクニック集 | Code部なるべくスマートなソースで効率良く実装したいの開発者というもの。そんな方のためにCSSだけで様々なデザインができてしまう疑似要素と疑似クラスの活用方法をご紹介致します！吹き出しデザインなどのよく使うテクニックも紹介していますので、ぜひご覧るださい！前回の『知らなきゃ損！?リンクの色をお洒落に変えるCSSテクニック！』では擬似要素と擬似クラスの基本的な概要と使用例をご紹介しました。今回の実践編では、擬似要素と擬似クラスを応用した実践的なデザイン＆コーディングテクニックをご紹介していきますね！実践編では、基礎編でご紹介できなかったプロパティも登場します。どれも便利なプロパティなので、是非使い方を抑えて頂ければと思いつつ、それでは早速、実践的な使用例をご紹介していきますね。 擬似要素や擬似クラスの実践的な使用例 色違いのリスト 擬似クラス:nth-child()を使ってリストの偶数行と奇数行のス
