<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的個人介紹</title>
<style>
body {
font-family: 'Arial', sans-serif;
text-align: center;
background-color: #fce4ec;
overflow: hidden;
}
.container {
margin-top: 50px;
}
h1 {
color: #e91e63;
}
.basketball {
width: 100px;
position: absolute;
animation: bounce 2s infinite ease-in-out;
}
@keyframes bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-50px); }
}
.image {
width: 200px;
margin-top: 20px;
}
.curry {
width: 300px;
margin-top: 20px;
}
</style>
</head>
<body>
<div class="container">
<h1>嗨！我是凱博</h1>
<p>我是一名國中生，我喜歡打籃球，也很喜歡Stephen Curry！</p>
<img src="https://upload.wikimedia.org/wikipedia/commons/2/2f/Simple_basketball.png" class="basketball" style="top: 100px; left: 30%;">
<img src="https://upload.wikimedia.org/wikipedia/commons/2/2f/Simple_basketball.png" class="basketball" style="top: 200px; right: 30%;">
<img src="https://cdn.pixabay.com/photo/2021/02/12/11/06/basketball-6007864_1280.png" class="image" alt="可愛的籃球插圖">
<img src="https://phantom-marca.unidadeditorial.es/775b90ce068e0ba778d8c84fd597ca6b/resize/828/f/jpg/assets/multimedia/imagenes/2024/09/04/17254281916448.jpg" class="curry" alt="Stephen Curry">
<img src="https://render.fineartamerica.com/images/rendered/medium/print/5.5/8/break/images/artworkimages/medium/3/8-stephen-curry-garrett-ellwood.jpg" class="curry" alt="Stephen Curry Shooting">
</div>
</body>
</html>