加林森 发表于 2021-12-2 20:37
是的啊，我怕挨打啊。
现在这个尺寸和边框不配套
本帖最后由 加林森 于 2022-1-13 13:44 编辑 <br /><br />辫子哥哥 发表于 2021-12-2 20:38
现在这个尺寸和边框不配套
嗯嗯，是的，我可以调大的。
web可视元素加载前后，可以用基于其自身的伪元素的before和after属性做相关修饰，比如我们想让<p>标签加载前加上一个小图标、加载后给个注释，我们可以按如下方式构造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来，亦即一个<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:40
嗯嗯，是的，我可以调大的。
队长现在高手{:4_178:}
辫子哥哥 发表于 2021-12-2 20:41
队长现在高手
不对不对，小辫子你千万别夸我啊！
加林森 发表于 2021-12-2 16:47
还有10分钟
最后10分钟一般都用来收拾东西，时刻准备撤{:4_173:}
红影 发表于 2021-12-2 20:54
最后10分钟一般都用来收拾东西，时刻准备撤
知道的，我也是这样的啊。
小辣椒 发表于 2021-12-2 20:27
亲爱的，队长最近每天高产
他说他以前就玩过这些的，估计现在找到感觉了{:4_173:}
红影 发表于 2021-12-2 21:04
他说他以前就玩过这些的，估计现在找到感觉了
队长现在做帖也是速度了，很快了
辫子哥哥 发表于 2021-12-2 20:31
小辣椒收礼开心
辫子哥哥晚上好{:4_187:}
辫子哥哥 发表于 2021-12-2 20:36
图还可以稍微大一点
哈哈~~~开始教人了{:4_199:}
加林森 发表于 2021-12-2 20:55
知道的，我也是这样的啊。
今天是周末了，盼下班的心情更迫切{:4_173:}
小辣椒 发表于 2021-12-2 21:20
队长现在做帖也是速度了，很快了
是啊，每天都有新帖子呢。
红影 发表于 2021-12-3 10:34
今天是周末了，盼下班的心情更迫切
数着数字过啊{:4_189:}
加林森 发表于 2021-12-3 12:44
数着数字过啊
午饭已经结束，还剩一个下午，就可以开心过周末了{:4_205:}
红影 发表于 2021-12-3 13:05
午饭已经结束，还剩一个下午，就可以开心过周末了
快了，还有十多分钟就解放了。{:4_189:}
开森就好
马黑黑 发表于 2021-12-3 20:52
开森就好
当然了啊
加林森 发表于 2021-12-3 16:46
快了，还有十多分钟就解放了。
已经进入周末时光{:4_205:}
红影 发表于 2021-12-3 21:18
已经进入周末时光
周末快乐！{:4_204:}
加林森 发表于 2021-12-3 21:23
周末快乐！
谢谢队长{:4_204:}