HTML+CSS实例:简单朴素的个人简历模板(HTML表格使用+css样式渲染)

您所在的位置:网站首页 简单的简历模板表格图片 HTML+CSS实例:简单朴素的个人简历模板(HTML表格使用+css样式渲染)

HTML+CSS实例:简单朴素的个人简历模板(HTML表格使用+css样式渲染)

2024-06-27 07:05| 来源: 网络整理| 查看: 265

个人简历模板

丑是丑了点,没有那么花里胡哨。。。

先看展示

在这里插入图片描述

代码实现 个人简历 /*表格整体样式*/ table{ border:1px solid black; width: 800px; /* 让表格位于网页中间 */ margin: auto; /* 合并表格与单元格之间的边框,单元格与单元格之间的边框 */ border-collapse: collapse; margin-bottom: 80px; } /*给标题文字设置大小*/ caption{ font-size: 30px; } /*单元格样式*/ td{ border: 2px solid black; /*单元格中文字到单元格边框的距离*/ padding: 15px; text-align: center; } ; 个人简历 学院 照片 专业 姓名 性别 民族 出生年月 籍贯 身高 学历 政治面貌 就业意向 兴趣爱好 个人说明 家庭地址 联系电话 任职情况 本人简历 时间 学校 任职 ; ; ; 奖惩情况 ; ; ; ;

如果嫌丑,可以自己添加背景,例如: (1)给表格添加背景图片(在css渲染的table标签选择其中加上backgroud-image:url(“图片地址(通常是放在同级目录下)”);) 在这里插入图片描述

(2)设置背景图片,并且这个背景图片不会随着网页的滑动而变换位置(在table选择器中添加backgroud-attachment:fixed;属性表示固定住图片)



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3