帮我找一个毕业送给老师的html礼物
<p>以下是一个简单的HTML礼物,可以用来送给老师:</p>
<!DOCTYPE html>
<html>
<head>
<title>感谢老师</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f5f5f5;
}
<pre><code> h1 {
color: #008080;
}
p {
font-size: 1.2em;
color: #333;
}
.container {
margin: 50px auto;
padding: 20px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
max-width: 800px;
}
.button {
display: inline-block;
padding: 10px 20px;
background-color: #008080;
color: #fff;
font-size: 1.2em;
border-radius: 5px;
text-decoration: none;
margin-top: 20px;
transition: background-color 0.3s ease-in-out;
}
.button:hover {
background-color: #005353;
}
</style>
</code></pre>
</head>
<body>
<div class="container">
<h1>感谢老师</h1>
<p>亲爱的老师,感谢您的辛勤教导和悉心指导,让我们在学术和生活中都获益匪浅。在您离开之际,我们送上这份小礼物,希望它能带给您一丝温暖和感动。</p>
<img src="https://picsum.photos/400/300" alt="礼物图片">
<a href="#" class="button">查看更多</a>
</div>
</body>
</html>
<p>请注意,这只是一个示例,您可以根据自己的需求和喜好进行修改。同时,如果您想让礼物更加特别,可以考虑添加一些动画效果或自己设计一些图案</p>
原文地址: https://www.cveoy.top/t/topic/g8vJ 著作权归作者所有。请勿转载和采集!