怎样用HTML做一份精美的简历（html5+css）

先来看一下效果图：

代码：index.html

<!DOCTYPE html>
<html>
<head>
	<title>简历二</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="../css/mystyle.css">
</head>
<body>
	<div>
		
		<table  width="800" align="center">
			<tr>
				
				<td align="center"><p>个人简历</p>
				</td>
				<td >
					
				<img src="../img/p.jpg" width="130" height="130" alt="图片" align="right">
				</td>
			</tr>


		</table>
		
		<table  align="center" width="800">
			
			<hr width="700" align="left">
			<tr>
				<td>姓名：</td>
				<td width="100" height="50"></td>
				
				<td>性别：</td>
				<td width="100" height="50"></td>
				<td>民族：</td>
				<td width="100" height="50"></td>
			</tr>
			<tr>
				<td>出生年月：</td>
				<td width="100" height="50"></td>
				
				<td>联系电话：</td>
				<td width="100" height="50"></td>
				<td>工作经验：</td>
				<td width="100" height="50"></td>
			</tr>
			<tr>
				<td>学历：</td>
				<td width="100" height="50"></td>
				
				<td>专业：</td>
				<td width="100" height="50"></td>
				<td>毕业学校：</td>
				<td width="100" height="50"></td>
			</tr>
			<tr>
				<td>住址：</td>
				<td height="50"></td>
			</tr>
			<tr>
				<td>电子邮箱：</td>
				<td height="50"></td>
			</tr>
			<tr>
				<td>求职意向：</td>
				<td height="50"></td>
			</tr>
	    </table>
	    <hr width="800" align="center">
	    <table align="center" width="800">
	        <tr>
				<td>目标职位</td>
				<td height="50"></td>
			</tr>
			<tr>
				<td>目标行业：</td>
				<td height="50"></td>
			</tr>
			<tr>
				<td>期望薪资：</td>
				<td height="50"></td>
			</tr>
			<tr>
				<td>期望地区：</td>
				<td height="50"></td>
			</tr>
			<tr>
				<td>爱好特长：</td>
				<td height="50"></td>
			</tr>
		</table>
			
		<hr width="800" align="center">
		
		<h4 align="left"> 自我评价</h4>
		
		<hr width="800" align="center">
		<table align="center" width="800">
		</table>


	   </table>
	</div>
</body>
</html>

css:

body{
		background: url(../img/bg2.jpg);
    }

div{
	border:50px;
	border-radius: 5px;
	background: url(../img/b1.jpg);
	position: 80px;
	background-size: 100% auto;
	width: 65%;
	height: 100%;
	margin-left:auto;
	margin-right:auto
   }  
 p{
 	 font-size:40px;
   }  
 h4{
 	font-size: 15px;
 	padding-left: 26px;
   }

需要注意的是：代码中的路径问题（..表示上一级目录，.表示当前路径），图片可更改为自己喜欢的图片，这里就不上传了。

怎样用HTML做一份精美的简历（html5+css）

猜你喜欢