用HTML写一个身份证

没有头发的汤姆猫

于 2021-11-11 09:16:26 发布

阅读量1.8k

点赞数 2

文章标签： html css css3

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

版权

本文将指导你如何使用HTML和CSS技术来制作一个展示个人身份信息的静态页面，通过HTML结构定义内容，结合CSS3实现样式美化，创建出具有真实感的身份证效果。

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人名片</title>
		<style>
			.yuanjiao {
				width: 500px;
				height: 300px;
				background-image: url(img/身份证.jpg);
				border: 2 solid #000000;
				border-radius: 15px;
				box-shadow: 2px 2px 1px 1px #000000;
			}

			.yuanjiao2 {
				width: 500px;
				height: 300px;
				background-image: url(img/身份证2.jpg);
				border: 2 solid #000000;
				border-radius: 15px;
				box-shadow: 2px 2px 1px 1px #000000;
			}
		</style>
	</head>
	<body>
		<div class="yuanjiao">
			<table>
				<tr>
					<td>
						<div style="padding-top:10px;font-size: 6px; color: darkcyan">
							<a style="padding-left: 45px;">XINGMINGZ</a>
						</div>
						<div style="padding-top: 0px;">
							<a style="padding-left: 45px; font-size: 15px; color: darkcyan"><b>姓&nbsp;&nbsp;名</b></a>
							<a style="padding-left: 5px; font-size: 20px;">&nbsp;&nbsp;X&nbsp;&nbsp;X&nbsp;X</a><br />
						</div>


						<div style="padding-top:0px;">