【凡哥教程第四讲作业】开花的云（元素复制及定位练习）

花简静

花简静

<style> #papa {     position: relative; margin: 130px 0 30px calc(50% - 890px); width: 1600px; height: 780px;     background: url('https://pic.imgdb.cn/item/66a070a4d9c307b7e9dae68b.jpg') no-repeat center/cover; } .mypic {     position: absolute; /* 绝对定位 */     width: 160px;     height: 160px; } .mypic:nth-of-type(1) {     left: 10px;     top: 10px; } .mypic:nth-of-type(2) {     right: 10px;     bottom: 10px; } .mypic:nth-of-type(3) {     left: calc(50% - 80px);     top: calc(50% - 80px); } .mypic:nth-of-type(4) {     left: 10px;     bottom: 10px; } .mypic:nth-of-type(5) {     right: 10px;     top: 10px; } </style>   <div id="papa">     <img class="mypic" alt="" src="https://638183.freep.cn/638183/small/4yc.png" />     <img class="mypic" alt="" src="https://638183.freep.cn/638183/small/4yc.png" />     <img class="mypic" alt="" src="https://638183.freep.cn/638183/small/4yc.png" />     <img class="mypic" alt="" src="https://638183.freep.cn/638183/small/4yc.png" />     <img class="mypic" alt="" src="https://638183.freep.cn/638183/small/4yc.png" /> </div>

花简静

请将代码复制到http://mhh.52qingyin.cn/art/bsho ... rt=mahei_1708831075
点击着色预览，复制着色源码。
用发音画的方式，勾右上角纯文本，勾下方HTML代码。。

花简静

作业：请再加上两个相同的小图片，第四个小图片放在帖子元素的左下角、第五个小图片放在右上角，这两张图片，每一张图片离帖子主元素最近的边缘都是10px

回答：增加图4（位置：左下）和图5（位置：右上）
.mypic:nth-of-type(4) {
    left: 10px; （左10）
    bottom: 10px;（下10）
}
.mypic:nth-of-type(5) {
    right: 10px;（右10）
    top: 10px;（上10）

青石板

哇，这画面太美了，小鸟，小花，小草。看不够。仿佛呼吸到了大自然清新的空气，美美哒
问好静亲

雨声

青石板 发表于 2024-7-24 18:24
哇，这画面太美了，小鸟，小花，小草。看不够。仿佛呼吸到了大自然清新的空气，美美哒
问好静亲 ...

青宝也来了，见到宝真是开心

雨声

这个作业，我先看看，还要加小图片吗？
静宝

青石板

雨声 发表于 2024-7-24 18:49
青宝也来了，见到宝真是开心

看到雨声亲了，赶紧抱个

凡哥

课代表的作业杠杠滴

花简静

凡哥 发表于 2024-7-24 21:10
课代表的作业杠杠滴

哈哈，那是得喝一杯的吧