一款简约大气的个人单页介绍主页（附加源码）

效果图

部分源码

.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博客
• 📢停下休息的时候不要忘了别人还在奔跑，希望大家抓紧时间学习，全力奔赴更好的生活💻