<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/x-icon" href="https://img.qianxiangs.com/images/2024/05/03/c4cadf66eb644c0b3414e743f29d1304.jpeg">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>域名购买单页</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f9f9f9;
color: #333;
}
header {
background-color: #007bff;
color: #fff;
padding: 20px;
text-align: center;
}
br.blank {
content: "\A0"; /* 不间断空格符 */
white-space: pre; /* 保持空格 */
display: block; /* 块级显示 */
margin: 500px 0; /* 上下空间 */
}
.container {
max-width: 800px;
margin: 20px auto;
padding: 20px;
}
.app {
background-color: #fff;
padding: 20px;
margin-bottom: 20px;
border-radius: 8px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.app h2 {
color: #007bff;
margin-bottom: 10px;
}
.app p {
margin-bottom: 10px;
}
.download-link-container {
text-align: center;
}
.download-link {
display: inline-block;
background-color: #007bff;
color: #fff;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s ease;
}
.download-link:hover {
background-color: #0056b3;
}
footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
</style>
</head>
<body>
<header>
<h1>tiansuanming.com</h1>
<p>点击下方按钮去购买</p>
</header>
<div class="container">
<div class="app">
<!--<h2>天算命（tiansuanming.com）</h2>-->
<!--<p>有建站历史干净无拦截</p>-->
<div class="download-link-container">
<h2>天算命（tiansuanming.com）</h2>
<p>QQ:1859389</p>
<p>WX:cxcblog</p>
<a href="https://mi.aliyun.com/domain-detail?domainName=tiansuanming.com" class="download-link">立即购买</a>
</div>
</div>
</div>
<br class="blank">
<!--<footer>-->
<!-- 版权所有 © 2024 tiansuanming.com-->
<!--</footer>-->
</body>
</html>效果展示
如若转载请注明出处：
