测试一下代码块样式

测试一下代码块样式

div class="pageload" id="pageload">
    <div class="content">
        <div class="rond-box">
            <div id="rond">
                <div class="runner sz-imooc"></div>
            </div>
            <div class="text">LOADING</div>
        </div>
        <!-- <i class="loading-icon"></i> -->
    </div>
    <!-- <div class="text">数据加载中.....</div> -->
</div>
<div id="main">


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
酒饱饱 提问者 2021-10-15 09:34:51
*{
padding:0px;
margin: :0px;
}
.banner img{
width:100%;
height:750px;
position:relative;
}
.banner .text1{
position: absolute;
color: white;
font-size: 55px;
top:150px;
left:50%;
margin-left:-140px;
}
.banner .text2{
position:absolute;
color:white;
top:280px;
left:50%;
margin-left:-350px;
line-height:7px;
text-align:center;
}
.banner .post{
position:absolute;
width:1000px;
margin-left:-150px;
height:180px;
top:150px;
border:1px solid #BEBEBEBE;
}
.banner .post .text3 .p1{
position:absolute;
font-size:16px;
top:20px;
left:50%;
margin-left:-100px;
text-align:center;
}
.banner .post .text3 .p2{
position:absolute;
color:#BEBEBEBE;
font-size:10px;
top:70px;
left:50%;
margin-left:-70px;
text-align:center;
}
.banner .post .form{
margin-top:130px;
}
.banner .post .inputtext{
color:white;
top:85px;
width:270px;
font-size:6px;
height:30px;
border:1px #BEBEBEBE solid;
background-color:rgba(0, 0, 0, 0.0);
}
.banner .post .button{
background-color:black;
color:white;
padding:8px 15px;
font-size:5px;
border:none;
}
.center .new .p1{
text-align:center;
font-size:40px;
}
.center .new .p2{
text-align:center;
font-size:27px;
line-height:35px;
}
.center .list{
width:50%;
}
.center .list .info{
position:relative;
margin-top:60px;
float:left;
width:50%;
height:100px;
left:457px;
font-size:20px;
}
.center .list .info p{
font-weight:bold;
line-height:5px;
font-size:13px;
}
.center .list .info .title{
font-size:25px;
line-height:7px;
}
.foot .lasttext .p1{
text-align:center;
line-height:60px;
font-size:40px;
}
.foot{
width:50%;
}
.foot .lasttext .p1{
font-size:34px;
}
.foot .lasttext p{
position:relative;
text-align:center;
width:100%;
left:400px;
font-size:13px;
line-height:20px;
}
.foot li{
float:right;
width:50%;
list-style:none;
margin-top:20px;
margin-left:-110px;
}
.foot ul{
position:absolute;
margin-left:350px;
}
.foot img{
width:300px;
height:300px;
margin-right:80px;
}


  • 提问者 酒饱饱 #1
    *{
    padding:0px;
    margin: :0px;
    }
    .banner img{
    width:100%;
    height:750px;
    position:relative;
    }
    .banner .text1{
    position: absolute;
    color: white;
    font-size: 55px;
    top:150px;
    left:50%;
    margin-left:-140px;
    }
    .banner .text2{
    position:absolute;
    color:white;
    top:280px;
    left:50%;
    margin-left:-350px;
    line-height:7px;
    text-align:center;
    }
    .banner .post{
    position:absolute;
    width:1000px;
    margin-left:-150px;
    height:180px;
    top:150px;
    border:1px solid #BEBEBEBE;
    }
    .banner .post .text3 .p1{
    position:absolute;
    font-size:16px;
    top:20px;
    left:50%;
    margin-left:-100px;
    text-align:center;
    }
    .banner .post .text3 .p2{
    position:absolute;
    color:#BEBEBEBE;
    font-size:10px;
    top:70px;
    left:50%;
    margin-left:-70px;
    text-align:center;
    }
    .banner .post .form{
    margin-top:130px;
    }
    .banner .post .inputtext{
    color:white;
    top:85px;
    width:270px;
    font-size:6px;
    height:30px;
    border:1px #BEBEBEBE solid;
    background-color:rgba(0, 0, 0, 0.0);
    }
    .banner .post .button{
    background-color:black;
    color:white;
    padding:8px 15px;
    font-size:5px;
    border:none;
    }
    .center .new .p1{
    text-align:center;
    font-size:40px;
    }
    .center .new .p2{
    text-align:center;
    font-size:27px;
    line-height:35px;
    }
    .center .list{
    width:50%;
    }
    .center .list .info{
    position:relative;
    margin-top:60px;
    float:left;
    width:50%;
    height:100px;
    left:457px;
    font-size:20px;
    }
    .center .list .info p{
    font-weight:bold;
    line-height:5px;
    font-size:13px;
    }
    .center .list .info .title{
    font-size:25px;
    line-height:7px;
    }
    .foot .lasttext .p1{
    text-align:center;
    line-height:60px;
    font-size:40px;
    }
    .foot{
    width:50%;
    }
    .foot .lasttext .p1{
    font-size:34px;
    }
    .foot .lasttext p{
    position:relative;
    text-align:center;
    width:100%;
    left:400px;
    font-size:13px;
    line-height:20px;
    }
    .foot li{
    float:right;
    width:50%;
    list-style:none;
    margin-top:20px;
    margin-left:-110px;
    }
    .foot ul{
    position:absolute;
    margin-left:350px;
    }
    .foot img{
    width:300px;
    height:300px;
    margin-right:80px;
    }


    2021-10-15 09:45:01
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
java测试课程
  • 参与学习           人
  • 提交作业       66    份
  • 解答问题       279    个

在本次项目,我们将一起回顾 Web时代的变迁,了解五花八门的前端研发工具,深入学习HTML5(超文本标记语言)和CSS3(层叠样式表),并最终完成一个 百度首页。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师