首页html支付成功界面源码

html支付成功界面源码

时间: 2023-09-11 15:10:39 浏览: 114

以下是一个简单的支付成功界面的 HTML 源码示例： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>支付成功</title> <style> body { background-color: #f2f2f2; } .container { width: 80%; max-width: 800px; margin: 50px auto; padding: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); text-align: center; } h1 { font-size: 36px; color: #333; margin-bottom: 30px; } p { font-size: 24px; color: #666; margin-bottom: 20px; } .btn { display: inline-block; padding: 10px 20px; background-color: #007bff; color: #fff; border-radius: 5px; text-decoration: none; font-size: 18px; } </style> </head> <body> <div class="container"> <h1>支付成功！</h1> <p>感谢您的支持，订单已支付成功。</p> <a href="#" class="btn">返回首页</a> </div> </body> </html> ``` 你可以将以上代码保存为一个名为 `success.html` 的文件，在浏览器中打开该文件，就可以看到一个简单的支付成功界面。你也可以根据自己的需求进行修改和扩展。

阅读全文