在網站開發中，支付成功頁面是至關重要的頁面之一，因為它將向用戶展示支付是否成功以及相關信息。在編寫支付成功頁面時，CSS樣式設計至關重要，因為這能夠讓頁面顯得更加美觀、整潔且易于閱讀。

以下是一個基本的CSS支付成功頁面代碼范例：

body {
background-color: #f7f7f7;
font-family: Arial;
}
.card {
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0px 0px 10px #ccc;
margin: 20px auto;
max-width: 600px;
}
.card h1 {
font-size: 24px;
color: #333;
text-align: center;
margin-top: 0;
}
.card p {
font-size: 18px;
color: #666;
margin-bottom: 10px;
}
.card .success {
color: #36c;
}
.card .failure {
color: #ff4444;
}
.card a {
color: #36c;
text-decoration: none;
font-weight: bold;
}
.card a:hover {
text-decoration: underline;
}
@media screen and (max-width: 600px) {
.card {
padding: 10px;
}
.card h1 {
font-size: 20px;
}
.card p {
font-size: 16px;
}
}

在以上代碼示例中，我們可以看到一些常見的CSS元素，比如設置背景顏色、字體、間距、邊框弧度和陰影等等。此外，我們還在代碼中使用了一些類名來實現不同元素的樣式設置，例如成功信息和失敗信息的顏色不同。

總的來說，好的CSS樣式設計能夠讓支付成功頁面看起來更加友好、易讀且專業。通過優化樣式，我們可以改善用戶體驗，讓用戶更加愿意使用我們的網站。