<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>伪元素</title>
<style type="text/css">
/*
使用伪元素来表示元素中的一些特殊位置
为p中第一个字符设置一个特殊的样式
*/
/*p:first-letter{
color: red;
font-size: 40px;
}*/
/*
为p中的第一行设置背景为黄色
*/
/*p:first-line{
background-color: yellow;
}*/
/*
:before表示元素最前边的部分;
*/
p:before{
content: "最前边";
color :green;
}
/*
:after表示元素最后边的部分;
*/
p:after{
content: "最后边";
color:orange;
}
</style>
</head>
<body>
<p>使用伪元素来表示元素中的一些特殊位置
为p中第一个字符设置一个特殊的样式使用伪元素来表示元素中的一些特殊位置
为p中第一个字符设置一个特殊的样式使用伪元素来表示元素中的一些特殊位置
为p中第一个字符设置一个特殊的样式使用伪元素来表示元素中的一些特殊位置
为p中第一个字符设置一个特殊的样式使用伪元素来表示元素中的一些特殊位置
为p中第一个字符设置一个特殊的样式使用伪元素来表示元素中的一些特殊位置
为p中第一个字符设置一个特殊的样式</p>
</body>
</html>