HTMLを汚したくない、もしくは変更することができないときに役立つ擬似要素の基本的な使い方から応用テクニックまでを紹介します。 擬似要素で、div要素の両端にシャドウをつけたり、一枚の画像を重ねたりすることができます。 「:before, :after擬似要素 ...

Webサイトの構築において、テキストの前後に決まった記号やアイコン（引用符やNEWバッジなど）を付与したい場合、HTML内に直接書き込むのではなく、CSSの擬似要素を用いて自動挿入する手法が推奨されます。本記事では、HTMLの文書構造をクリーンに保った ...

子要素を親要素の左右の中央寄せに配置するのは、簡単です。 インライン要素は「text-align: center;」で、ブロック要素であれば「margin: 0 auto;」で中央に配置できます。 難しいのは天地、上下の中央です。 CSS Hackはなしで、要素を上下左右の中央寄せに配置 ...