表白網頁作為一種新興的表白方式，越來越受到青年人的喜歡。在設計這種網頁時，CSS樣式的運用是非常重要的。

body {
background-color: pink; /* 設置背景顏色為粉色 */
font-family: Arial, sans-serif; /* 設置文本字體為Arial或sans-serif */
}
h1 {
color: white; /* 設置標題顏色為白色 */
text-align: center; /* 居中顯示標題 */
}
#love-letter {
margin: 0 auto; /* 居中顯示表白信內容 */
width: 500px; /* 設置表白信內容寬度為500px */
background-color: white; /* 設置表白信內容背景顏色為白色 */
border: 2px solid pink; /* 設置表白信內容邊框為2px粉色實線*/
padding: 20px; /* 增加表白信內容與邊框的距離 */
font-size: 18px; /* 設置表白信內容字體大小為18px */
line-height: 1.5; /* 設置行高為1.5倍 */
}
#signature {
text-align: right; /* 右對齊簽名 */
font-size: 16px; /* 設置簽名字體大小為16px */
margin-top: 20px; /* 增加簽名與表白信內容的距離 */
}

通過上述CSS代碼，我們可以實現以下效果：背景顏色為粉色，標題居中顯示且顏色為白色，表白信內容居中顯示且寬度為500px，背景顏色為白色、邊框為2px粉色實線、內邊距為20px、字體大小為18px、行高為1.5倍，簽名右對齊、字體大小為16px、距離表白信內容20px。

在設計表白網頁時，除了以上的基礎樣式外，還可以根據個人喜好進行自定義設置，讓表白網頁更加個性化。