本帖最后由 加林森 于 2022-1-13 13:44 编辑
嗯嗯，是的，我可以调大的。
web可视元素加载前后，可以用基于其自身的伪元素的before和after属性做相关修饰，比如我们想让标签加载前加上一个小图标、加载后给个注释，我们可以按如下方式构造p的伪元素：
＜P.qDiv p::before{
content: url('https://www.huachaowang.com/uc_server/data/avatar/000/00/71/30_avatar_middle.jpg');
}
.qDiv p::after {
content: "——马黑黑语";
}
这样，class属性为qDiv的盒子里，每一个p段落，开头都有一张图片，末尾都有类似于注释的标注。
这里要注意两点：其一，伪元素在CSS3表达为 标签名::属性名，如 p::before、p::after 等。其二，伪元素的样式表代码里，必须要有 content 属性和其相应值（不需要任何值时也要这样表达：content:""），否则伪元素样式表所做的设置不会起任何作用。
现在，我们来完成本文标题的命题目标：让一个div标签生出两个div来，亦即一个 能出现如下效果：
CSS代码是这样：
.mother {
width: 200px;
height:200px;
position:relative;
left:200px;
background:olive;
}
.mother::before {
content: "";
width:200px;
height:200px;
position: absolute;
left:-200px;
background: pink;
}
.mother::after {
content: "";
width:200px;
height:200px;
position: absolute;
left:200px;
background: red;
}
＜/P＞ | 
楼主: 加林森
发表于 2021-12-2 20:38
显身卡
楼主
发表于 2021-12-2 20:54
