gpt4 book ai didi

html - 为什么我的网站右边有空白?

转载 作者:太空狗 更新时间:2023-10-29 15:49:00 25 4
gpt4 key购买 nike

<分区>

我一直在用 Animate.css 制作我自己的个人网站,发现右边有一个空白点,我不明白为什么

这是我的代码:

<!DOCTYPE html>
<html>

<head>
<style>

.hudson {
color: white;
position: relative;
font-size: 60px;
left: 400px;
top: 110px;
font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
}

.threeD {
text-shadow:
0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}

.p1 {
position: relative;
top: 75px;
left: 100px;
-webkit-animation-delay: 1s;

}

.p2 {
position: relative;
top: 85px;
left: 100px;
-webkit-animation-delay: 1s;
}

.p3{
position: relative;
top: 95px;
left: 95px;
-webkit-animation-delay: 1s;
}

.coding {
position: relative;
top: -325px;
left: 535px;

}

.paracolor {
color: skyblue;
font-size: 25px;
font-family: Tahoma, Geneva, sans-serif;
}

.img1 {
position: relative;
top: 250px;
left: 20;
}

body {
background-image: url(PICTURES1/mountains4.jpeg);
background-size: 102%;
background-repeat: no-repeat;
}

</style>
</head>
<link rel=stylesheet href="CSS3/animate(1).css">
<body>
<h2 class="hudson threeD animated fadeInDown">Hudson Reamer</h2>
<p class="paracolor p1 animated fadeInRightBig">I am a young technology and coding enthusiast. I am currently studying HTML,CSS, and C++.</p>
<p class="paracolor p2 animated fadeInLeftBig">I hope to one day go to MIT or Stanford to study computor science of computor engineering.</p>
<p class="paracolor p3 animated fadeInRightBig">I will build people custom computors for an 100 dollar building fee and the price of the PC parts</p>
<img class="coding animated fadeInDown" src="PICTURES1/coding.png" style="width:150px;height:150px;">
</body>

感谢您的帮助和回复!

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