效果图

---

部分源码

.box_bg{width: 100%;height: 100%;
}.wenzi{text-align: center;float: left;display: inline;width: 112px;line-height: 48px;
}
.wenzi2{text-align: center;float: left;display: inline;width: 112px;line-height: 58px;position: relative;/* top: 20px; */left: -50px;
}.wenzi3{text-align: center;margin: 0px 0px 0px 0px;line-height: 50px;margin: 0 0px 0px -30px;
}
.wenzi4 {text-align: center;margin: 0px 0px 0px 0px;line-height: 50px;margin: 280px 0px 0px -33px;
}
.cycle_item a {position: absolute;display: block;border-radius: 25px;width: 120px;height: 50px;left: 247px;top: -45px;
}
.blog_b {position: relative;top: 20px;left: 20px;background-color: #F4A460;
}
/*style="width: 3440px; height: 1440px; top: -45px; left: 0px;"*/
/*.cycle_item c{position: absolute;display: block;border-radius: 25px;width: 120px;height: 50px;left: 247px;top: -45px;
}*/
/*.blog_c {position: relative;top: 20px;left: 20px;background-color: #F4A460;
}*/
/*style="width: 3440px; height: 1440px; top: -45px; left: 0px;"*/.cycle_item  a{position: absolute;display: block;border-radius: 25px;width: 120px;height: 50px;left: 247px;top: -45px;
}
.blog_c {position: relative;top: 20px;left: 20px;background-color: #F4A460;
}

---

领取源码

源码地址：https://www.123pan.com/s/ji8kjv-snPU3.html

---

下期更新预报

windows系统秒变Mac系统教程

• 📢博客主页：孤客网络科技工作室官方账号
• 📢欢迎点赞👍收藏⭐️留言 📝如有错误敬请指正！
• 📢本文由孤客原创，若侵权联系作者，首发于CSDN博客
• 📢停下休息的时候不要忘了别人还在奔跑，希望大家抓紧时间学习，全力奔赴更好的生活💻