TAG

HTML

HTML CSS 擬似要素 と 擬似クラス を併用する【::before ::after :hover 】

HTMLやCSSでよく見かける 擬似要素(例. ::before ::after) と 擬似クラス(例. :hover ) が併用可能か調べてみました。   結論 :擬似クラス::擬似要素は動作する 例. :hover::afterは動作する   ::擬似要素:擬似クラスは動作しない 例. ::after:hoverは動作しない   もくじ 以下は本記事のもくじです。 […]

CSSによる 角丸 の枠や背景 の作り方【HTML CSS3 border-radius 円 】

今回は、CSSのプロパティ「border-radius」を使った、角丸の枠や背景(四角形の4角を丸くする)の作り方について紹介します。   border-radiusは、CSS3という規格で登場し、pxや%を使って四角形の4つの角を丸くする事ができ、円も作る事もできます。   もくじ 以下は本記事のもくじです。 1. border-radius 1-1. 概要 1-2. 基本的 […]

HTML CSS 目次の作り方【ページ内リンク 階層構造】

今回は、HTMLで目次を作る方法を紹介します。   ホームページやブログなどで目次やページ内リンクをつけていると、訪問者に優しい記事になります。   また製作者側としても、目次と見出し・本文の構成を確認することで全体の整合性を確認しやすくなります。   もくじ 以下は本記事のもくじです。 1. 目次を作る 1-1. 簡単な目次を作る 1-2. ページ内リンクを設定する […]