|
:before 伪元素在元素之前添加内容
:before这个伪元素允许创作人员在元素内容的最前面插入生成内容。默认地，这个伪元素是行内元素，不过可以使用属性 display 改变这一点。
:after 伪元素在元素之后添加内容
这个伪元素允许创作人员在元素内容的最后面插入生成内容。默认地，这个伪元素是行内元素，不过可以使用属性 display 改变这一点。
使用方法：
1、:before, :after在元素前后插入文字
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
h2:before{
content:"Title";//插入的内容;
color:#FFF;//插入的内容的样式;
background:#0F0;
padding:1px;
margin-right:5px;
}
</style>
</head>
<body>
<h2>这是一篇文章的标题</h2>
</body>
</html>
|
