Rumah > Artikel > hujung hadapan web > css3中content的用法是什么
css3中content的用法是什么
- WBOYasal
- 2021-12-29 16:33:211897semak imbas
在css3中，content属性与“:before”及“:after”伪元素配合使用，用于在元素的前后插入内容，语法为“元素:before{content:"插入的内容";}”和“元素:after{content:"插入的内容";}”。
本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。
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>输出结果：
（学习视频分享：css视频教程）
Atas ialah kandungan terperinci css3中content的用法是什么. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jQuery中css()和addclass()有啥区别Artikel seterusnya：javascript中join的用法是什么