CSS3伪类选择器

first-line   设置首行样式

first-letter 设置首字母样式

before  在某元素前插入内容并设置内容样式

after 在某元素后插入内容并设置内容样式

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
   <style>
      p:first-line{background: #CCFFCC;}
       p:first-letter{color:red;}
       p:before{ content: "前";}
       p:after{content: "后";font-size: 50px;}
   </style>
</head>
<body>
实例:
<p>第一行 <br />第二行</p>

</body>
</html>

posted @ 2015-06-30 21:37  tinyphp  Views(182)  Comments(0)  Edit  收藏  举报