29_伪元素.html 569 B

1234567891011121314151617181920212223
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <style>
  8. /* ::after在当前元素的最后面添加一个伪元素(假的标签) */
  9. .box::after{
  10. content: "world";
  11. }
  12. /* ::before在当前元素的前面添加一个伪元素(假的标签) */
  13. .box::before{
  14. content: "hello";
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <div class="box">
  20. 123456
  21. </div>
  22. </body>
  23. </html>