今天是学习css的一天

最新推荐文章于 2024-08-31 21:39:38 发布

恰恰学网安

最新推荐文章于 2024-08-31 21:39:38 发布

阅读量62

点赞数

本文链接：https://blog.csdn.net/m0_48785494/article/details/126147837

版权

HTML CSS 个人简历网络工程师网页设计

关键词由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style>
		center{
			font: bold 30px '黑体';
		}
		.one{
			font: bold 20px '黑体';
			letter-spacing: 5px;
			text-align: center;
		}
		.two{
			font: bold 20px '黑体';
			text-align: center;
		}
		
		table,tr,td{
			border: 1px solid black;
			border-collapse: collapse;

		}
	   td{
          text-align: center;
          width: 110px;
          height: 60px;
	   }
	  table {margin:auto;
	  	background:pink;}
	  	#in{
	  		word-spacing: 60px;
	  	}
	  	
    #zp{
    	width: 200px;
    	background-image: url(./1.jpeg) ;
    	background-size:100% 100%;
    }
    #zp:hover{

    background-image: none;
    
    
}
	</style>
</head>
<body bgcolor="#ACEADF">
     <center>个人简历</center>
     <table>
     	<tr>
     		<td class="one">姓名</td>
     		<td>joker</td>
     		<td class="one">性别</td>
     		<td>男</td>
     		<td class="one">学历</td>
     		<td>大专在读</td>
     		<td rowspan="4" id="zp"></td>
     	</tr>
     	<tr>
     		<td class="one">民族</td>
     		<td>汉</td>
     		<td class="one">年龄</td>
     		<td>20</td>
     		<td class="one">联系电话</td>
     		<td>123456</td>
     	</tr>
     	<tr>
     		<td class="one">籍贯</td>
     		<td>河南</td>
     		<td class="two">专业名称</td>
     		<td>安全技术与管理</td>
     		<td class="two">求职意向</td>
     		<td>网络工程师</td>
     	</tr>
     	<tr>
     	     <td class="two" colspan="2">QQ</td>
     	     <td colspan="2">1234566</td>
     		<td class="two">E-mail</td>
     		<td >123@qq.com</td>
     	</tr>
     	<tr>
     		<td class="two" colspan="2">教育背景</td>
     		<td id="in" colspan="5">中国石油大学 安全技术管理 在读</td>
     	</tr>
     </table>
</body>
</html>