個(gè)人簡歷
<!DOCTYPE html>
<html>
<head>
<title>個(gè)人簡歷</title>
<style>
body {
font-family: Arial, sans-serif;
}
.container {
background-color: #f5f5f5;
margin: 0 auto;
width: 50%;
padding: 20px;
}
h1 {
text-align: center;
}
h2 {
color: #333;
font-size: 1.2rem;
margin-top: 20px;
}
p {
color: #666;
font-size: 1rem;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
margin-bottom: 10px;
}
.skills {
display: flex;
flex-wrap: wrap;
}
.skill {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
color: #333;
font-size: 0.9rem;
margin-right: 10px;
margin-bottom: 10px;
padding: 5px 10px;
}
</style>
</head>
<body>
<div class="container">
<h1>個(gè)人簡歷</h1>
<h2>個(gè)人信息</h2>
<p>姓名：小明</p>
<p>郵箱：xiaoming@163.com</p>
<p>電話：13812345678</p>
<h2>教育經(jīng)歷</h2>
<ul>
<li>本科：某大學(xué)</li>
<li>研究生：某大學(xué)</li>
</ul>
<h2>工作經(jīng)歷</h2>
<ul>
<li>公司：某公司</li>
<li>職位：前端開發(fā)</li>
<li>工作時(shí)間：2018-至今</li>
</ul>
<h2>技能</h2>
<div class="skills">
<div class="skill">HTML</div>
<div class="skill">CSS</div>
<div class="skill">JavaScript</div>
<div class="skill">jQuery</div>
<div class="skill">Vue.js</div>
<div class="skill">React</div>
</div>
</div>
</body>
</html>以上是一個(gè)簡單的個(gè)人簡歷代碼示例，使用了HTML的div標(biāo)簽來劃分不同的部分，并使用CSS樣式對其進(jìn)行美化，展示了個(gè)人信息、教育經(jīng)歷、工作經(jīng)歷和技能等內(nèi)容。通過HTML和CSS的組合，可以快速地創(chuàng)建一個(gè)美觀實(shí)用的個(gè)人簡歷。