[HTML・CSS]擬似要素、before,afterの基本形。 - スニペット | WordPress・jQuery・HTML・CSSのスニペット集 WEBCRE8TOR.COM

WEBCRE8TOR.COM

[HTML・CSS]擬似要素、before,afterの基本形。

CSSの擬似要素、「before」「after」の基本形です。

CSS

◯◯:before,
◯◯:after {
  display: block;
  content: "";
  width:;
  height:;
  position: absolute;
  left: 0;
  top: 0;
}

対象の要素「◯◯」の疑似要素の基本形のCSS設定。

擬似要素にposition : absolute;(絶対位置指定)を指定してあるので、
対象要素「◯◯」にはposition: relative;を忘れずに。

WEBCRE8TOR.COM

SEARCH

PAGES

CATEGORY

ARCHIVE

LINK

CLOSE