当前位置： 移动技术网 > IT编程>网页制作>CSS > 软件工程-个人简介

软件工程-个人简介

2019年03月17日  | 移动技术网IT编程  | 我要评论 
 1 <!doctype html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="utf-8">
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <meta http-equiv="x-ua-compatible" content="ie=edge">
 8     <title>个人简历</title>
 9 
10     <style>
11         body {
12             background: url(http://ztd00.photos.bdimg.com/ztd/w=700;q=50/sign=b0246d97c411728b302d8e22f8c7b2f3/9922720e0cf3d7ca1aefdd70fb1fbe096b63a99f.jpg);
13             background-size: 100% 100%;
14             background-attachment: fixed;
15             margin-left: 33%;
16         }
17 
18         h3 {
19             font-style: italic;
20         }
21 
22 
23         table tr:nth-child(4) {
24 
25             color: aquamarine;
26         }
27 
28         .study {
29             font-family: 'courier new', courier, monospace;
30             font-style: oblique;
31             text-decoration: underline;
32 
33         }
34     </style>
35 
36 </head>
37 
38 
39 <body>
40     <p>
41         <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1552735894763&di=cda35c4b4eb9a5e8694f694e8bbeb0be&imgtype=0&src=http%3a%2f%2fwww.digifilm.com.cn%2fupload%2f20180530%2fe676f667c4cdfc7e074898adab2622f2.jpg"
42             alt="打开错误!" width="150px" height="250px" align=left>
43         <br>
44         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;姓名： 陈宁宁
45         <br><br>
46         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;班级：计算机系174班
47         <br><br>
48         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;学校：青海大学
49         <br><br>
50         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;qq：473029494
51         <br><br><br>
52         &nbsp;&nbsp;&nbsp; <audio
53             src="http://111.44.228.217/cache/m8.music.126.net/20190316181216/7dce9642267daa8c7e63d7ae27b2a9a1/ymusic/9502/aca6/a9f3/db1506d620c26b03fe38f2f76ebea8c0.mp3?ich_args2=544-16174505022805_1fe6c56680ce0613c5f48a3cdcfbbee7_10012302_9c89612ed0c1f8d49539518939a83798_adc4494dd20463c008f0fb3a43eee70"
54             autoplay controls="controls"></audio>
55     </p>
56 
57     <h3>兴趣</h3>
58     <ul>
59         <li>游戏</li>
60         <li>影视作品</li>
61         <li>……</li>
62     </ul>
63 
64     <h3>求学经历</h3>
65 
66     <table>
67         <tr>
68             <th>时间</th>
69             <th>&nbsp;&nbsp;&nbsp;省份</th>
70         </tr>
71         <tr>
72             <td>xxxx-2007</td>
73             <td>&nbsp;&nbsp;&nbsp;河南</td>
74         </tr>
75         <tr>
76             <td>xxxx-2017</td>
77             <td>&nbsp;&nbsp;&nbsp;福建</td>
78         </tr>
79         <tr>
80             <td>xxxx-</td>
81             <td>&nbsp;&nbsp;&nbsp;青海</td>
82         </tr>
83 
84     </table>
85 
86     <h3>希冀</h3>
87     <p class="study">好好学习，天天向上。</p>
88 
89 </body>
90 
91 </html>

 

效果截图：

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网