1、夸克网盘
<div style="text-align: center; font-family: Arial, sans-serif; border: 1px solid #e0e0e0; padding: 30px; width: 350px; margin: 50px auto; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background-color: #fafafa;">
<img id="quark-icon" src="https://g.alicdn.com/uc-cloud-drive-web-system/cloud-drive-web/4.5.19/assets/f4271e505075e024f5074fe1e8944374.svg" alt="Quark Logo" style="width: 120px; height: auto; margin-bottom: 20px;">
<h2 style="font-size: 22px; color: #333; margin-bottom: 15px;">课程名称</h2>
<p style="font-size: 15px; color: #555; margin-bottom: 25px; line-height: 1.6;">一句话简介</p>
<a href="YOUR_SHARE_LINK" target="_blank" rel="nofollow noopener noreferrer" style="display: inline-block; padding: 12px 25px; background: linear-gradient(90deg, #007BFF, #0056d2); color: white; text-decoration: none; border-radius: 50px; font-size: 16px; box-shadow: 0 3px 6px rgba(0, 123, 255, 0.3); transition: transform 0.3s ease, box-shadow 0.3s ease;">
免费下载
</a>
<p style="font-size: 12px; color: #999; margin-top: 20px;">仅供学习，勿传播，侵权请联系删除。</p>
</div>
<style>
#quark-icon {
animation: pulse 1.5s infinite;
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
a:hover {
transform: scale(1.05);
box-shadow: 0 4px 10px rgba(0, 123, 255, 0.5);
}
</style>效果：
2、百度网盘
<div style="text-align: center; font-family: Arial, sans-serif; border: 1px solid #e0e0e0; padding: 30px; width: 350px; margin: 50px auto; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background-color: #fafafa;">
<img id="baidu-icon" src="https://nd-static.bdstatic.com/m-static/disk-share/widget/pageModule/init-new/image/pan-logo-blue_d278ed1.png" alt="Baidu Pan Logo" style="width: 120px; height: auto; margin-bottom: 20px;">
<h2 style="font-size: 22px; color: #333; margin-bottom: 15px;">课程标题</h2>
<p style="font-size: 15px; color: #555; margin-bottom: 25px; line-height: 1.6;">课程介绍</p>
<a href="YOUR_SHARE_LINK" target="_blank" rel="nofollow noopener noreferrer" style="display: inline-block; padding: 12px 25px; background: linear-gradient(90deg, #1E90FF, #1C86EE); color: white; text-decoration: none; border-radius: 50px; font-size: 16px; box-shadow: 0 3px 6px rgba(30, 144, 255, 0.3); transition: transform 0.3s ease, box-shadow 0.3s ease;">
免费下载
</a>
<p style="font-size: 12px; color: #999; margin-top: 20px;">仅供学习，勿传播，侵权请联系删除。</p>
</div>
<style>
#baidu-icon {
animation: pulse 1.5s infinite;
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
a:hover {
transform: scale(1.05);
box-shadow: 0 4px 10px rgba(30, 144, 255, 0.5);
}
</style>效果：
3、阿里云盘
<div style="text-align: center; font-family: Arial, sans-serif; border: 1px solid #e0e0e0; padding: 30px; width: 350px; margin: 50px auto; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background-color: #fafafa;">
<img id="aliyun-icon" src="https://img.alicdn.com/imgextra/i4/O1CN013grL291EQy75eDTZa_!!6000000000347-2-tps-321-76.png" alt="Aliyun Pan Logo" style="width: 120px; height: auto; margin-bottom: 20px;">
<h2 style="font-size: 22px; color: #333; margin-bottom: 15px;">课程标题</h2>
<p style="font-size: 15px; color: #555; margin-bottom: 25px; line-height: 1.6;">课程描述</p>
<a href="YOUR_SHARE_LINK" target="_blank" rel="nofollow noopener noreferrer" style="display: inline-block; padding: 12px 25px; background: linear-gradient(90deg, #FF6A00, #FF4500); color: white; text-decoration: none; border-radius: 50px; font-size: 16px; box-shadow: 0 3px 6px rgba(255, 106, 0, 0.3); transition: transform 0.3s ease, box-shadow 0.3s ease;">
免费下载
</a>
<p style="font-size: 12px; color: #999; margin-top: 20px;">仅供学习，勿传播，侵权请联系删除。</p>
</div>
<style>
#aliyun-icon {
animation: pulse 1.5s infinite;
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
a:hover {
transform: scale(1.05);
box-shadow: 0 4px 10px rgba(255, 106, 0, 0.5);
}
</style>效果：
4、飞书
<div style="text-align: center; font-family: Arial, sans-serif; border: 1px solid #d1d5db; padding: 30px; width: 350px; margin: 50px auto; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background-color: #f3f4f6;">
<img id="feishu-icon" src="https://p1-hera.feishucdn.com/tos-cn-i-jbbdkfciu3/3b2bbcd42878447c914449eb0e56fea6~tplv-jbbdkfciu3-png:0:0.png" alt="Feishu Logo" style="width: 120px; height: auto; margin-bottom: 20px;">
<h2 style="font-size: 22px; color: #333; margin-bottom: 15px;">课程标题</h2>
<p style="font-size: 15px; color: #555; margin-bottom: 25px; line-height: 1.6;">课程描述</p>
<a href="YOUR_SHARE_LINK" target="_blank" rel="nofollow noopener noreferrer" style="display: inline-block; padding: 12px 25px; background: linear-gradient(90deg, #0052cc, #3a8ee6); color: white; text-decoration: none; border-radius: 50px; font-size: 16px; box-shadow: 0 3px 6px rgba(0, 82, 204, 0.3); transition: transform 0.3s ease, box-shadow 0.3s ease;">
免费下载
</a>
<p style="font-size: 12px; color: #999; margin-top: 20px;">仅供学习，勿传播，侵权请联系删除。</p>
</div>
<style>
#feishu-icon {
animation: pulse 1.5s infinite;
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
a:hover {
transform: scale(1.05);
box-shadow: 0 4px 10px rgba(0, 82, 204, 0.5);
}
</style>
演示：
