用HTML和css写一个简单地购物小票

没有头发的汤姆猫

于 2021-11-11 09:13:12 发布

阅读量1.8k

点赞数 3

文章标签： css html css3

本文链接：https://blog.csdn.net/weixin_63622186/article/details/121261064

版权

本文将指导你如何使用HTML和CSS来创建一个简单的购物小票样式。通过HTML构建基本结构，然后利用CSS进行美化，实现清晰、专业的购物小票效果。示例中包括了HTML代码和CSS代码的详细说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图

HTML代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小票</title>
		<link rel="stylesheet" href="./css/xiaopiao.css" />
	</head>
	<body>
		<div style="width:1600;">
			<div class="biankuang">
				<div class="xiaopiaoziti1">MUJI</div>
				<div class="xiaopiaoziti2">无印良品</div>
				<div>欢迎光临天津米莱欧店</div>
				<div>单号：1-656454546541</div>
				<div>时间：2021年11月10日19:53:56</div>
				<hr />
				<div>
					54646546546546546
				</div>
				<div>携带型化妆水/敏感肌肤用/保湿型</div>
				<div>1*28*10折&nbsp;&nbsp;28</div>
				<div>
					11121654165565121
				</div>
				<div>宽幅围巾/蓝色</div>
				<div>1*148*10折&nbsp;&nbsp;148</div>
				<div>
					4455456488554845
				</div>
				<div>餐盘架/原色/大号</div>
				<div>1*189*10折&nbsp;&nbsp;189</div>
				<div>
					54646546546546546
				</div>