如何用 HTML 和 CSS 实现伪元素效果？

问题：

如何使用 HTML 和 CSS 代码实现这样的样式，而无需使用伪元素？

回答：

除了使用伪元素，还可以通过以下方法实现类似样式：

<p><span></span></p>

p {
  position: relative;
}

p span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f00;
  z-index: -1;
}

如上例所示， 元素被用作背景层，放在

元素的后面。可以通过调整 的位置、大小和背景色来定制样式。

标签： css html

赏

选择打赏方式

微信 支付宝 QQ钱包

打赏

打赏

打赏