CSS 基础学习-174 ::after 伪元素可用于在元素内容之后插入一些内容

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

::after 伪元素可用于在元素内容之后插入一些内容

实例代码:

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

运行效果:

css-174.png

标签