简历内容填充助手
用户输入
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>个人简历</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Microsoft YaHei", Arial, sans-serif; } body { background-color: #f5f5f5; padding: 40px 0; } .resume-container { width: 800px; margin: 0 auto; background-color: #fff; padding: 50px; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1); } .header { display: flex; align-items: center; margin-bottom: 40px; border-bottom: 2px solid #333; padding-bottom: 20px; } .avatar { width: 180px; height: 180px; border-radius: 50%; object-fit: cover; border: 5px solid #f0f0f0; margin-right: 40px; } .personal-info h1 { font-size: 32px; color: #333; margin-bottom: 10px; } .personal-info .contact { font-size: 16px; color: #666; line-height: 1.8; } .section { margin-bottom: 35px; } .section-title { font-size: 22px; color: #333; border-left: 5px solid #0066cc; padding-left: 15px; margin-bottom: 20px; } .section-content { font-size: 16px; color: #555; line-height: 1.6; padding-left: 20px; } .section-content ul { list-style-type: disc; margin-left: 20px; } .section-content li { margin-bottom: 10px; } /* 特长模块特殊样式 */ .skills { display: flex; flex-wrap: wrap; gap: 15px; } .skill-item { background-color: #f0f5ff; color: #0066cc; padding: 8px 15px; border-radius: 20px; font-size: 15px; } </style> </head> <body> <div class="resume-container"> <!-- 头部：头像+个人信息+联系方式 --> <div class="header"> <!-- 头像位置：替换src属性为你的摄影棚风格头像链接 --> <img src="此处替换为调整后的摄影棚风格头像图片链接" alt="个人头像" class="avatar"> <div class="personal-info"> <h1>（请填写姓名）</h1> <div class="contact"> <p>联系电话：（请填写手机号）</p> <p>电子邮箱：（请填写邮箱地址）</p> <p>联系地址：（请填写居住地址）</p> <p>其他联系方式：（如微信、LinkedIn等，可选）</p> </div> </div> </div> <!-- 学习经历 --> <div class="section"> <h2 class="section-title">学习经历</h2> <div class="section-content"> <ul> <li><strong>（学校名称）</strong> | （专业名称） | （学历层次，如本科/硕士） | （入学年份 - 毕业年份）</li> <li>核心课程：（列举2-3门相关核心课程，可选）</li> <li>（如有其他学习经历，可按上述格式添加）</li> </ul> </div> </div> <!-- 获得奖项 --> <div class="section"> <h2 class="section-title">获得奖项</h2> <div class="section-content"> <ul> <li><strong>（奖项名称）</strong> | （颁发机构） | （获得年份） | （简要说明奖项背景或获得原因，可选）</li> <li>（如有其他奖项，可按上述格式添加）</li> </ul> </div> </div> <!-- 有何特长 --> <div class="section"> <h2 class="section-title">有何特长</h2> <div class="section-content"> <div class="skills"> <div class="skill-item">（特长1，如：Python编程）</div> <div class="skill-item">（特长2，如：项目管理）</div> <div class="skill-item">（特长3，如：英语流利对话）</div> <div class="skill-item">（如有其他特长，可按上述格式添加）</div> </div> <p style="margin-top: 15px;">（可选：对核心特长补充说明，如“Python编程：可独立完成数据爬虫开发与数据分析报告撰写”）</p> </div> </div> </div> </body> </html>
.png)
