当前位置: 首页 > 文档资料 > CSS 入门教程 >

:before

优质
小牛编辑
129浏览
2023-12-01

描述 (Description)

:before伪元素用于在元素之前插入一些内容。

例子 (Example)

以下是演示如何使用:before元素之前在任何元素之前添加一些内容的示例。

<html>
   <head>
      <style type = "text/css">
         p:before {
            content: url(/images/bullet.gif)
         }
      </style>
   </head>
   <body>
      <p> This line will be preceded by a bullet.</p>
      <p> This line will be preceded by a bullet.</p>
      <p> This line will be preceded by a bullet.</p>
   </body>
</html> 

这将产生以下黑色链接 -