容器來放置我們的收據內容。在CSS中，我們可以通過設置容器的邊框、寬度、背景色等屬性來使其看起來更像一個真實的收據。下面是我們需要的CSS代碼：

.receipt-container {
width: 300px;
background-color: #fff;
border: 1px solid #000;
padding: 20px;
font-family: Arial, sans-serif;
}

接下來，我們需要在容器中定義一些基本的HTML元素，例如收據標題、日期、總金額等。我們通常會使用

標簽來定義收據標題，使用

標簽來表示日期和其他說明。下面是我們可以使用的CSS樣式：

.receipt-title {
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
.receipt-date {
font-size: 14px;
margin-bottom: 20px;
}
.receipt-text {
font-size: 16px;
margin-bottom: 5px;
}

我們可以看到，我們定義了不同的字體大小和上下間距來調整這些元素的顯示效果。

最后，我們需要添加一些具體的內容，如訂單明細、合計金額等。我們通常會將這些內容放在一個表格中，使用表格的邊框、單元格padding等CSS屬性來美化它們。下面是我們可以使用的CSS代碼：

.receipt-table {
width: 100%;
border-collapse: collapse;
}
.receipt-table td {
padding: 5px;
border: 1px solid #000;
}
.receipt-total {
font-size: 18px;
font-weight: bold;
margin-top: 20px;
}

通過這些CSS樣式，我們可以定義一個簡單、清晰、易讀的收據頁面。您可以根據需求自由更改樣式和排版，來滿足您的業務需要。