使用html和css实现个人简历表单的制作
以下是一个简单的个人简历网页示例,使用HTML和CSS构建:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>简历</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
}
.header {
text-align: center;
margin-bottom: 20px;
}
.section {
margin-bottom: 20px;
}
.section-title {
text-align: center;
margin-bottom: 10px;
}
.info-item {
margin-bottom: 5px;
}
.info-label {
width: 100px;
display: inline-block;
}
.info-content {
display: inline-block;
}
</style>
</head>
<body>
<div class="header">
<h1>个人简历</h1>
</div>
<div class="section">
<h2 class="section-title">基本信息</h2>
<div class="info-item">
<span class="info-label">姓名:</span>
<span class="info-content">张三</span>
</div>
<div class="info-item">
<span class="info-label">联系电话:</span>
<span class="info-content">1234567890</span>
</div>
<div class="info-item">
<span class="info-label">电子邮件:</span>
<span class="info-content">zhangsan@example.com</span>
</div>
<div class="info-item">
<span class="info-label">居住地址:</span>
<span class="info-content">123 广州路, 上海市</span>
</div>
</div>
<div class="section">
<h2 class="section-title">教育背景</h2>
<div class="info-item">
<span class="info-content">硕士,计算机科学,某大学,2010 - 2013</span>
</div>
<div class="info-item">
<span class="info-content">本科,数学,某大学,2005 - 2008</span>
</div>
</div>
<div class="section">
<h2 class="section-title">工作经验</h2>
<div class="info-item">
<span class="info-content">技术主管,某公司,2015 - 至今</span>
</div>
<div class="info-item">
<span class="info-content">软件工程师,某公司,2013 - 2015</span>
</div>
</div>
<div class="section">
<h2 class="section-title">技能</h2>
<div class="info-item">
<span class="info-content">Python</span>
</div>
<div class="info-item">
<span class="info-content">JavaScript</span>
</div>
<div class="info-item">
<span class="info-content">HTML/CSS</span>
</div>
</div>
</body>
</html>
这个简历使用了基本的HTML结构和CSS样式来展示个人信息和教育背景、工作经验和技能。这个示例可以作为创建个人简历的起点,开发者可以根据自己的需求添加更多的细节和样式。
评论已关闭