web——html个人简历

最新推荐文章于 2024-05-09 06:53:16 发布

阿轩同学

最新推荐文章于 2024-05-09 06:53:16 发布

阅读量6.8k

点赞数 19

本文链接：https://blog.csdn.net/weixin_44652589/article/details/115617952

版权

web 专栏收录该内容

4 篇文章 2 订阅

订阅专栏

web——html个人简历

一、代码
二、小技巧
- 1.html table表格边框变成实线
- 2.html 使整个页面居中

一、代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		
		<style>
				
			*{
				margin: 0 auto;
			}
			table{
				border-collapse:collapse;   /*表示将单元格中各小格之间的空隙进行合并*/
				border:2px black solid;      /*定义边框样式*/
			}
				
			tr td{
				border: 2px black solid ;
			}
			p{
				font-weight: 700;
			}
		</style>
	</head>
	
	
	
	<body>
		
		<div>
			<br />
			<p align="center" >个人简历</p>
			<br />
			<table border="\"  width="600px" >
				<tr>
					<td colspan="3" bgcolor="lightblue">个人资料</td>
				</tr>
				
				<tr>
					<td>姓 名：</td>
					<td>婚姻状况：</td>
					<td rowspan="5" width="90px" align="center" >照片</td>
				</tr>
				
				<tr>
					<td>出 生：</td>
					<td>政治面貌：</td>
				</tr>
				
				<tr>
					<td>性 别：</td>
					<td>民 族：</td>
				</tr>
				
				<tr>
					<td>学 位：</td>
					<td>移动电话：</td>
				</tr>
				
				<tr>
					<td>专 业：</td>
					<td>电子邮箱：</td>
				</tr>
				
				<tr>
					<td colspan="3">地 址：</td>
				</tr>
				
				<tr>
					<td colspan="3" bgcolor="lightblue">教育背景：</td>
				</tr>
				
				<tr>
					<td>2018.9-2022.9</td>
					<td colspan="2"></td>
				</tr>
				
				<tr>
					<td colspan="3" bgcolor="lightblue">特长兴趣爱好：</td>
				</tr>
				
				<tr>
					<td colspan="3">敲代码、看书、学习、跑步</td>
				</tr>
				
				<tr>
					<td colspan="3" bgcolor="lightblue">计算机能力</td>
				</tr>
				
				<tr>
					<td colspan="3">CCF:400分</td>
				</tr>
				
				<tr>
					<td colspan="3" bgcolor="lightblue">外语水平</td>
				</tr>
				
				<tr>
					<td colspan="3">英语四级</td>
				</tr>
			</table>
		</div>
	</body>
</html>

在这里插入图片描述

二、小技巧

1.html table表格边框变成实线

	border-collapse:collapse;   /*表示将单元格中各小格之间的空隙进行合并*/

2.html 使整个页面居中

我们可以把所有内容放到一个div里，然后对所有div的CSS属性进行如下设置。

	margin: 0 auto;

阿轩同学

关注

19
点赞
踩
105

收藏

觉得还不错? 一键收藏
6
评论
web——html个人简历

web——html个人简历一、代码二、小技巧1.html table表格边框变成实线2.html 使整个页面居中一、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0 auto; } table{ border-colla
复制链接

扫一扫