Chèn nội dung trước phần tử với CSS ::before

Sử dụng pseudo-element ::before để chèn nội dung trước bất kỳ phần tử nào.

Ví dụ

Thử chạy mã sau để chèn nội dung trước phần tử với CSS:

<html>
<head>
  <style>
    p::before {
      content: url(/images/bullet.gif);
    }
  </style>
</head>
<body>
  <p> Dòng này sẽ được dẫn đầu bởi một dấu chấm.</p>
  <p> Dòng này sẽ được dẫn đầu bởi một dấu chấm.</p>
  <p> Dòng này sẽ được dẫn đầu bởi một dấu chấm.</p>
</body>
</html>