CSS3中content的用法是什么

发布时间：2023-09-28 09:48:05 所属栏目：语言来源：

导读：在这篇文章中，我们来学习一下“CSS3中content属性有何作用，怎样用的”的相关知识，下文有详细的讲解，易于大家学习和理解，有需要的朋友可以借鉴参考，下面就请大家跟着小编的思路一起来学习一下吧。

在这篇文章中，我们来学习一下“CSS3中content属性有何作用，怎样用的”的相关知识，下文有详细的讲解，易于大家学习和理解，有需要的朋友可以借鉴参考，下面就请大家跟着小编的思路一起来学习一下吧。

CSS3中content的用法是什么

content 属性与 :before 及 :after 伪元素配合使用，来插入内容。

语法如下：

content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;
其中：

示例如下：

<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
p:before {
content:"好好学习，";
}
</style>
</head>
<body>
<p>天天向上</p>
</body>
</html>

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!