CSS+html制作简历表

CSS格式

  • CSS样式的语法:

css选择器{
样式属性1:属性值;
样式属性2:属性值;.
…}

  • css选择器:

用于定位需要施加某些样式的某个或某一些标签,有ID选择器,class选择器,标签选择器等常用选择器可供选择使用。

CSS+html制作简历表

**不使用具有某些具有样式效果的标签(不使用HTML5不推荐的标签),不使用具有某些样式效果的标签属性(不使用HTM5不推荐的属性) **

简历样式:

简历界面样式

  • 代码:
<!DOCTYPE html>
<html>
	<head>
		<style>
			table,
			td,
			th {
				border: 1px solid black;
				height: 80px;
				/* color: white; */
			}

/* 			body {
				background-image: url(img/车.jpg);
				background-size: cover;
				background-attachment: fixed;
				
			} */

			#imim{
				background-image: url(img/车.jpg) ;
				background-size: contain;
				
			}
			table {
				border-collapse: collapse;
				width: 600px;
			}

			td {
				height: 30px;
				width: 115px;
				vertical-align: botom;
			}

			th {

				background-color: rgb(60, 179, 113);
			}



			#jizhon {
				text-align: center;
			}
		</style>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<table align="center">
			<tr>
				<th colspan="5">个人简历</th>
			</tr>
			<tr>
				<td>姓名</td>
				<td id="jizhon">小明</td>
				<td>性别</td>
				<td id="jizhon">男</td>
				<td rowspan="4" id="imim">  </td>
			</tr>
			<tr>
				<td>出生日期</td>
				<td id="jizhon">20210101</td>
				<td>籍 贯</td>
				<td id="jizhon">惠州惠城区</td>
			</tr>
			<tr>
				<td>毕业学校</td>
				<td id="jizhon">社会大学</td>
				<td>所学专业</td>
				<td id="jizhon">智能科学与技术</td>

			</tr>
			<tr>
				<td>政治面貌</td>
				<td id="jizhon">共青团员</td>
				<td>求职意向</td>
				<td id="jizhon">开发工程师</td>

			</tr>
			<tr>
				<td colspan="5">联系方式</td>
			</tr>
			<tr>
				<td colspan="5">
					<ol>
						<li>电 话 : 12552</li>
						<li>e-mail : 1@qq.com</li>
						<li>联系地址: 无 </li>
					</ol>

				</td>
			</tr>
			<tr>
				<td colspan="5">专业技能</td>
			</tr>
			<tr>
				<td colspan="5">
					<ul>
						<li>1、具备丰富的JAVA开发经验、熟悉JAVA基础、JAVA
							EE、微服务、Spring、SpringMVC、SpringBoot、Mybatis、Dubbo、SpringCloud全家桶等开源框架协议;</li>
						<li>2、掌握分布式系统常见技术、如多线程、分布式缓存、消息中间件、搜索引擎、分布式事务、负载均衡、限流降级等;</li>
						<li>3、熟悉Mysql、Postgresql等关系型数据库及其优化,熟悉MongoDb、Redis等至少一种非关系型数据库;</li>
						<li>4、熟悉DevOps、敏捷等软件开发流程、了解Docker容器化部署等相关技术;</li>
						<li>5.有大数据处理经验,包括hadoop/storm/spark/hbase/ELK等;对机器学习、深度学习、搜索,等技能的都有掌握。</li>
					</ul>

				</td>
			</tr>
			<tr>
				<td colspan="5">语言水平</td>
			</tr>
			<tr>
				<td colspan="5">
					<ul>
						<li>普通话二乙</li>
						<li>英语听说读写能力</li>
					</ul>

				</td>
			</tr>
			<tr>
				<td colspan="5">社会实践经历</td>
			</tr>
			<tr>
				<td colspan="5">
					<ul>
						<li>参加各种志愿活动</li>

					</ul>

				</td>
			</tr>
			<tr>
				<td colspan="5">自我评价</td>

			</tr>
			<tr>
				<td colspan="5">
					<ul>
						<li>1、具备较强的责任心、良好的自我驱动能力、逻辑思维清晰,乐于接受挑战与创新。</li>
						<li>2.具备良好的语言组织能力和代码书写规范、详细设计文档编写能力;</li>
						<li> 3.具有良好的职业素质,敬业、刻苦好学、具备良好的团队合作精神、沟通交互能力,有强烈的责任感及果断的执行力、能够承受一定压力;</li>

					</ul>

				</td>
			</tr>
		</table>

	</body>
</html>

更多方法参考W3school

  • 4
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

liaoMITC

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值