使用伪元素来表示元素中的一些特殊位置
-
:before表示元素最前面的部分
一般before都需要结合content这个样式一起使用,
通过content可以向before或after的位置添加一些内容after表示元素最后边添加
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*
* 使用伪元素来表示元素中的一些特殊位置
*/
/*
* 为p中的第一个字符设置一个特殊的样式
*/
/*p:first-letter {
color: red;
font-size: 30px;
}*/
/*
* 为p中的第一个行设置一个背景颜色
*/
/*p:first-line {
background-color: deepskyblue;
}*/
/*
* :before表示元素最前面的部分
* 一般before都需要结合content这个样式一起使用,
* 通过content可以向before或after的位置添加一些内容
*
* after表示元素最后边添加
*/
p:before{
content: "我是before内的content哈哈哈哈哈~~~";
color: greenyellow;
}
p:after{
content: "我是after内的content哈哈哈哈哈~~~";
color: red;
}
</style>
</head>
<body>
<p>
时光的单车飞快驶去,岁月的倒影也将消失,白天与黑夜不停的交替,轮回的四季斑驳了谁的岁月,蹉跎了谁的年华。 一个人静静地与岁月交错,于平淡之中细细体会生活的深意,去注视,去聆听,去感受那些带着希望的别离以及那些经受沧桑的相逢, 不论时光如何飞转,那些落花一样的往事,依然鲜活地存在于我的脑海之中。 当岁月和美丽的回忆已成为风中的叹息,我们伤感的眼里也许依然残存旧时的泪痕, 模糊了视线,不敢轻易触碰。
</p>
</body>
</html>