CSS教程 before伪元素选择器

2024-10-20 18:39:35

1、新建一个before.html 文件,如图所示:

CSS教程 before伪元素选择器

2、输入HTML5的结构代码,将title标签里面的内容修改成:before伪元素选择器,如图所示:

CSS教程 before伪元素选择器

3、E::before伪元素选择器:表示在元素E的内部的最前面创建一个元素(伪元素)

CSS教程 before伪元素选择器

4、定义一个盒子,类名为:.box,如图所示:

CSS教程 before伪元素选择器

5、输入代码:.box::before{content:"before中的内容"}

CSS教程 before伪元素选择器

6、运行网页,可以看到内容被输出,如图所示:

CSS教程 before伪元素选择器
猜你喜欢