CSS :after Pseudo-element - เพิ่มเนื้อหาหลังองค์ประกอบ

ใช้ pseudo-element :after เพื่อแทรกเนื้อหาเพิ่มเติมหลังจากองค์ประกอบที่ระบุ ตัวอย่างด้านล่างแสดงวิธีใช้ :after เพื่อเพิ่มเนื้อหาหลังองค์ประกอบ

ตัวอย่าง

<html>
  <head>
    <style>
      p:after {
        content: url(/images/bullet.gif);
      }
    </style>
  </head>
  <body>
    <p>บรรทัดนี้จะมีเครื่องหมาย bullet ต่อท้าย</p>
    <p>บรรทัดนี้จะมีเครื่องหมาย bullet ต่อท้าย</p>
    <p>บรรทัดนี้จะมีเครื่องหมาย bullet ต่อท้าย</p>
  </body>
</html>