收银消费凭证的小票htm
时间: 2024-10-10 13:11:34 浏览: 17
收银消费小票通常是在商店或餐厅交易完成后打印给顾客的付款收据。如果你想创建一个简单的HTML模板来模拟这种小票,可以使用基本的HTML结构,并利用CSS来添加适当的颜色、字体和布局。下面是一个简化的例子:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>消费小票</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #F5F5F5; /* 小票背景色 */
width: 7cm; /* 尺寸,可以根据实际需要调整 */
margin: 0 auto;
padding: 10mm; /* 边距,增加空白区域 */
}
.receipt {
border: 1px solid black; /* 边框 */
border-top: none;
text-align: center;
}
.item {
margin-bottom: 5mm;
}
.price {
font-weight: bold;
}
</style>
</head>
<body>
<div class="receipt">
<h1>消费小票</h1>
<div class="item">
商品名称:商品A<br>
单价:¥10.00<br>
数量:1<br>
总价:¥10.00<br>
</div>
<div class="item">
... (添加其他商品行)
</div>
<hr>
合计:¥XX.XX<br>
找零:¥YY.YY<br>
签字:______________________
</div>
</body>
</html>
```
这个模板包含了标题、商品信息、总计和找零等部分。记得替换掉`XX.XX`和`YY.YY`为实际的金额。使用时,只需复制每个`.item`元素并粘贴对应的商品信息即可。
阅读全文