gpt4 book ai didi

html - 移动一个里面有图像的div?

转载 作者:行者123 更新时间:2023-11-28 07:12:29 24 4
gpt4 key购买 nike

我找了又找,就是找不到。请解释为什么类中的图像:下面代码中的secondimage 根本没有移动。不应该所有 div 都以相同的方式移动,无论它们中有文本还是图像?感谢您的帮助。

<head>
<style>
html, body{
margin: 0;
height: height: 100%;
}
h1, h2, h3{
font-family: "Arial", Helvetica, sans-serif;
}
.topp{
margin-right: 500px;
background-image: url('gamerbeta.jpg');
background-color: fff;
width: 100%;
height: 450px;
float: top;
box-shadow: 3px 3px 4px black;
}

.second{
position: relative;
top: 0px;
background-color: white;
width: 100%;
height: 450px;
box-shadow: 3px 3px 4px black;
}
.secondword{
position:absolute;
top: -50px;
left: 450px;
font-size: 50px;
}
.secondp{
position:absolute;
top: 10px;
left: 1100px;
text-align: center;
.secondimage{
position: absolute;
top: 50px;
left: 1200px;
}

.third{
position: relative;
background-color: white;
width: 100%;
height: 450px:
box-shadow: 1px 1px 4px black;
}
</style>
</head>

<body>
<div class=topp></div>

<div class=second>
<div class=secondword><h1>BETA</h1></div>
<div class=secondp><h2>EXCLUSIVE ACHIEVEMENT<br>FOR JOINING BETA</h2></div>
<div class=secondimage><img src="test.jpg" alt=""></div>
</div>

<div class=third>

</div>

</body>

最佳答案

您在“secondp”类之后缺少右括号。希望这会有所帮助。

关于html - 移动一个里面有图像的div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32556950/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com