我对编码还很陌生,我一直在设计页面,但是我无法做任何事情。在下面的代码中,div类:.third根本没有出现。我尝试使用溢出等,但是它似乎并没有显示出来。任何帮助将是巨大的。
<head>
<style>
div{
overflow: auto;
}
html, body{
margin: 0;
height: 100%;
}
h1, h2, h3, body{
font-family: "Arial", Helvetica, sans-serif;
}
.topp{
margin-right: 500px;
background-image: url('gamerbeta.jpg');
background-color: fff;
width: 100%;
height: 430px;
float: top;
box-shadow: 3px 3px 4px black;
}
.second{
position: relative;
top: 5px;
background-color: #white;
width: 100%;
height: 430px;
box-shadow: 3px 3px 4px black;
}
.secondword{
position:absolute;
top: -30px;
left: 435px;
font-size: 50px;
}
.secondp{
position:absolute;
top: 80px;
left: 1000px;
text-align: center;
font-size: 40px;
}
.secondimage{
position: absolute;
top: 190px;
left: 1230px;
}
.secondwordtwo{
position:absolute;
top: 300px;
left: 1180px;
font-size: 30px;
font-style: italic;
}
.arrow{
position: absolute;
top: 380px;
left: 900px;
}
.third{
position: relative;
background-color: #D8D8D8;
width: 100%;
height: 430px:
box-shadow: 1px 1px 4px black;
}
<body>
<div class=topp></div>
<div class=second>
<div class=secondword><h1>BETA</h1></div>
<div class=secondp>EXCLUSIVE ACHIEVEMENT<br>FOR JOINING BETA</div>
<div class=secondimage><img src="test.png" alt=""></div>
<div class=secondwordtwo>Beta Tester</div>
<div class=arrow><img src="arrow.png" alt="" height="42" width="42"></div>
</div>
<div class=third>
</div>
</body>
你有错字。它应该;
不是:
on height
:
.third {
position: relative;
background-color: #D8D8D8;
width: 100%;
height: 430px;
box-shadow: 1px 1px 4px black;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句