:before Pseudo Element trong CSS



:before Pseudo Element trong CSS

:before Pseudo Element trong CSS để chèn một số nội dung vào trước một phần tử nào đó (ví dụ chèn các bullet).

Ví dụ :before Pseudo Element trong CSS

Bạn theo dõi ví dụ sau để thấy cách sử dụng của :before Pseudo Element trong CSS.

<html>
   <head>
      <style type="text/css">
         p:before {
            content: url(/images/bullet.gif)
         }
      </style>
   </head>
   <body>
      <p> Dong text nay se duoc dat truoc boi mot Bullet.</p>
      <p> Dong text nay se duoc dat truoc boi mot Bullet.</p>
      <p> Dong text nay se duoc dat truoc boi mot Bullet.</p>
   </body>
</html> 
Quảng cáo

Kết quả là:




Zalo Hỗ trợ trực tuyến 24/7 Tư vấn tài liệu, khóa học VietJack
FREE

Công cụ giáo viên

  • Tạo đề online từ PDF / Word
  • Trộn nhiều mã đề, in Offline
  • Giao bài online, Quản lí lớp học
Khám phá công cụ (2048.VN)