CSS（層疊樣式表）是一種用于設計網頁樣式的語言，可以給網站添加樣式和布局。其中，小票樣式在電子商務網站中經常用到，用來顯示訂單信息、商品名稱、價格等內容。下面就來介紹一下如何使用CSS樣式來創建小票樣式。

/* 定義小票樣式 */
.ticket {
font-family: Arial, sans-serif;  /* 設置字體 */
width: 200px;  /* 設置寬度 */
background-color: #FFF;  /* 設置背景顏色 */ 
padding: 10px;  /* 設置內邊距 */
border: 1px solid #000;  /* 設置邊框樣式 */
}
/* 定義小票表頭 */
.ticket .header {
font-size: 18px;  /* 設置字號 */
text-align: center;  /* 設置文本居中 */
font-weight: bold;  /* 設置字體加粗 */
}
/* 定義小票內容 */
.ticket .content {
font-size: 14px;  /* 設置字號 */
margin-top: 10px;  /* 設置上邊距 */
}
/* 定義小票商品信息 */
.ticket .product {
display: flex;  /* 設置為彈性盒子 */
justify-content: space-between;  /* 設置兩端對齊 */
}
/* 定義小票價格 */
.ticket .price {
text-align: right;  /* 設置文本右對齊 */
font-weight: bold;  /* 設置字體加粗 */
}

上述CSS代碼定義了一個名為.ticket的樣式，其包含表頭、內容、商品信息和價格四個子元素，這些子元素的樣式都在樣式表中定義。其中，header和content元素的樣式較簡單，主要設置了字號和對齊方式。而.product元素的樣式則使用了彈性盒子，讓商品信息以兩端對齊的形式展示。最后，.price元素的樣式設置了文本右對齊和字體加粗。

使用上述CSS樣式來設計小票樣式，可以得到一個簡潔而實用的小票樣式。在電商網站中，這種小票樣式可以用來展示訂單信息、商品信息、價格等重要信息，方便用戶查看和核對。而通過修改CSS樣式表中的屬性，還可以根據需求自定義小票樣式的各個方面，實現個性化的小票設計。