订阅博客
收藏博客
微博分享
QQ空间分享

个人信息表格

频道:前端 标签:练习 时间:2019年07月09日 浏览:63次 评论:0条
作者: 欢爸爸

一、代码展示

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- <meta http-equiv="Refresh" content="100;http://www.baidu.com" /> -->
<link rel="icon" href="i1.icon" />
<title>运行</title>
<style>
#ta1{
width: 620px;
height: 400px;
border: 0px;


}
#td1{
background-color: lightgrey;
width: 23%;
margin-bottom: 400px;
}

#td2{
/* background-color: lightgrey; */
margin-bottom:20px ;
}
#header{
    -webkit-animation:rotateImg 10s linear infinite;
    width: 80px ;
    height: 80px;
    border: 1px solid #ccc;
    vertical-align: middle;
border-radius:100% ;
align-content: center;
}

@keyframes rotateImg {
  0% {transform : rotate(0deg);}
  100% {transform : rotate(360deg);}
}

@-webkit-keyframes rotateImg {
    0%{-webkit-transform : rotate(0deg);}
  100%{-webkit-transform : rotate(360deg);}
}
#cir{
background: circle;
background-color: gray;
border-radius: 100%;
padding:1px;
}
</style>
</head>
<body>
<table id="ta1" cellpadding=18px >
<tr height=20%>
<td id="td1" rowspan="3">
<img  transform:rotate(360deg) id="header" src="zds.jpg"><br/><font size="">张达山</font><br/>
<font size="1.5" color="gray">18210898888<br/>zhangdashan@126.com</font>
<!-- <img id="j1" src="jay.png"> -->
</td>
<td id="td2" colspan="2">
<font size="7" color="dimgray">RESUME</font><br/>
    <font id="cir" size="4" color="white">个&nbsp;</font>
<font id="cir" size="4" color="white">人&nbsp;</font>
<font id="cir" size="4" color="white">简&nbsp;</font>
<font id="cir" size="4" color="white">历&nbsp;</font>
<hr/>
</td>
</tr>
<tr height=5%>
<td id="td2" width=33%>
<font size="4"><strong>个人基本情况</strong></font><br/>
<strong>姓名</strong>:张达山<br/>
<strong>性别</strong>:男<br/>
<strong>民族</strong>:汉<br/>
<strong>出生日期</strong>:1992.03.28<br/>
<strong>专业</strong>:工业设计
</td>
<td id="td2" >
<font size="4" color="white"><strong>啊</strong></font><br/>
<strong>籍贯</strong>:北京昌平<br/>
<strong>身高</strong>:175cm<br/>
<strong>体重</strong>:70kg<br/>
<strong>电话</strong>:18210898888<br/>
<strong>现居住地</strong>:昌平天通苑
</td>
</tr>
<tr height=20%>
<td id="td2" colspan="2">
<font size="4"><strong>教育背景及工作经历</strong></font><br/>
    <strong>2008.09-2011.06</strong> 
北京邮电大学 工业设计专业<br/>
<strong>2011.06-2012.09</strong> 
北京微创信息科技有限公司 任前端开发工程师<br/><br/>
<font size="4"><strong>所获证书</strong></font><br/>
<strong>2009年</strong>:荣获“高级美术设计师”证书<br/>
<strong>2009年</strong>:荣获“优秀班干部”证书
</td>
</tr>
</table>
</body>
</html>

二、效果展示

image.png

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。