CSS—使用选择器在页面中插入内容
使用before伪元素和after伪元素在页面中插入文字,图像,项目编号等等。
一。插入文字
1.使用选择器插入内容
before选择器在元素前插入内容。
afte选择器在元素后插入内容。
选择器content属性中定义要插入的内容。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>使用选择器在页面中插入内容</title>
<style>
h2:before{
content:"Title";
color:#fff;
background:green;
padding:1px 5px;
margin-right:10px;
}
</style>
</head>
<body>
<h1>使用选择器在页面中插入内容</h1>
<h2>使用选择器在页面中插入内容</h2>
</body>
</html>
<style>
h2:after{
content:"Title";
color:#fff;
background:green;
padding:1px 5px;
margin-right:10px;
}
</style>
1-2 排除