HTML CSS 擬似要素 と 擬似クラス を併用する【::before ::after :hover 】
HTMLやCSSでよく見かける 擬似要素(例. ::before ::after) と 擬似クラス(例. :hover ) が併用可能か調べてみました。 結論 :擬似クラス::擬似要素は動作する 例. :hover::afterは動作する ::擬似要素:擬似クラスは動作しない 例. ::after:hoverは動作しない もくじ 以下は本記事のもくじです。 […]
HTMLやCSSでよく見かける 擬似要素(例. ::before ::after) と 擬似クラス(例. :hover ) が併用可能か調べてみました。 結論 :擬似クラス::擬似要素は動作する 例. :hover::afterは動作する ::擬似要素:擬似クラスは動作しない 例. ::after:hoverは動作しない もくじ 以下は本記事のもくじです。 […]
今回は、CSSのプロパティ「border-radius」を使った、角丸の枠や背景(四角形の4角を丸くする)の作り方について紹介します。 border-radiusは、CSS3という規格で登場し、pxや%を使って四角形の4つの角を丸くする事ができ、円も作る事もできます。 もくじ 以下は本記事のもくじです。 1. border-radius 1-1. 概要 1-2. 基本的 […]
今回は、HTMLで目次を作る方法を紹介します。 ホームページやブログなどで目次やページ内リンクをつけていると、訪問者に優しい記事になります。 また製作者側としても、目次と見出し・本文の構成を確認することで全体の整合性を確認しやすくなります。 もくじ 以下は本記事のもくじです。 1. 目次を作る 1-1. 簡単な目次を作る 1-2. ページ内リンクを設定する […]