CSS 基础学习-173 ::before 伪元素可用于在元素内容之前插入一些内容

hrs 提交于 2022/02/20 - 10:54 , 周日

::before 伪元素可用于在元素内容之前插入一些内容

实例代码:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
  <style>
    h1:before{
      content:url(img/dwoke.png);
    }
  
  </style>
  </head>
  <body>
    <h1>这是一个标题</h1>
    <p>::before伪元素在一个元素的内容之前插入内容。</p>
    <h1>这是一个标题</h1>
  </body>
</html>
~             

运行效果:

css-173.png

标签