HTML与CSS基础之伪元素(五)

最新推荐文章于 2024-04-16 12:23:43 发布

xiayiye5

最新推荐文章于 2024-04-16 12:23:43 发布

阅读量325

点赞数

分类专栏： HTML和CSS基础文章标签： HTML CSS 基础伪元素

本文链接：https://blog.csdn.net/xiayiye5/article/details/61920131

版权

HTML和CSS基础专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>伪元素</title>
		<style type="text/css">
			/*p:before {
				content: "我会出现在整个段落的最前面，是不能被选中的";
				color: blue;
			} //表示在p标签和文字之间的一段距离的显示,且这段距离不能被选中*/
			
			p:after {
				content: "我会出现在整个段落的最后面，是不能被选中的";
				color: red;
			} //表示在p标签和文字之间的一段距离的显示,且这段距离不能被选中
		</style>
	</head>

	<body>
		<p title="元素">文字测试数据，测试数据都搞到手了攻击力开发的世界观发给你开发啥的和高房价付款贵hi开发和规范付款了当归还开发好贵宾卡积分开办费和开发点火开关部分
		</p>

</html>

xiayiye5

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML与CSS基础之伪元素(五)

伪元素 /*p:before { content: "我会出现在整个段落的最前面，是不能被选中的"; color: blue; } //表示在p标签和文字之间的一段距离的显示,且这段距离不能被选中*/ p:after { content: "我会出现在整个段落的最后面，是不能被选中的"; color: red; } //表示在p
复制链接

扫一扫