css中before的用法是什么-木庄网络博客

本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。

在css中，before的用法是在元素内容之前插入新内容，只需要给元素设置“元素:before{属性:属性值;}”即可。“:before”选择器必须使用content属性来指定要插入的内容。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

定义和用法

:before 选择器在被选元素的内容前面插入内容。

请使用 content 属性来指定要插入的内容。

实例：

<!DOCTYPE html>
<html>
<head>
<style>
p:before
{
content:"台词：";
background-color:yellow;
color:red;
font-weight:bold;
}
</style>
</head>
 
<body>
 
<p>我是唐老鸭。</p>
<p>我住在 Duckburg。</p>
 
</body>
</html>

运行结果：

5HM`FI}85M~POIW1``D]U8U.png

推荐学习：css视频教程

以上就是css中before的用法是什么的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

css writing-mode属性怎么用

如何在css中实现并排生成多行的dt和dd

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » css中before的用法是什么

css中before的用法是什么

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论