软件工程第一次作业
程序员文章站
2022-06-04 11:28:11
码云地址https://gitee.com/zenonia/gerenjianjie 截图 代码如下: ......
码云地址https://gitee.com/zenonia/gerenjianjie
截图
代码如下:
1 <!doctype html> 2 <html> 3 4 <head> 5 <meta charset="utf-8"> 6 <title>简历</title> 7 <style> 8 * { 9 margin: 0; 10 padding: 0; 11 } 12 13 .t { 14 width: 100%; 15 height: 750%; 16 background-image: url(img/18033.jpg); 17 } 18 19 .t { 20 width: 600px; 21 height: 750px; 22 background-size: cover; 23 24 padding: 12px; 25 margin: auto; 26 } 27 28 .header { 29 width: 600px; 30 height: 190px; 31 background:rgba(255,255,255,0.3); 32 padding-top: 10px; 33 } 34 35 .main { 36 width: 600px; 37 height: 540px; 38 padding-top: 0px; 39 } 40 41 .left { 42 width: 300px; 43 height: 540px; 44 margin-left: 0px; 45 margin-top: 10px; 46 margin-right: 100px; 47 } 48 49 .right { 50 width: 290px; 51 height: 540px; 52 margin-left: 310px; 53 margin-top: -540px; 54 margin-bottom: -5px; 55 } 56 57 .touxiang { 58 width: 100px; 59 height: 100px; 60 margin-left: 235px; 61 margin-right: 225px; 62 margin-top: 5px; 63 } 64 65 .left1 { 66 width: 280px; 67 height: 260px; 68 border: 5px solid rgba(255,255,255,0); 69 background:rgba(255,255,255,0.3); 70 padding-left: 10px; 71 margin-top: 10px; 72 border-top-left-radius: 10px; 73 border-top-right-radius: 10px; 74 border-bottom-right-radius: 10px; 75 border-bottom-left-radius: 10px; 76 } 77 78 .left2 { 79 width: 280px; 80 height: 250px; 81 border: 5px solid rgba(255,255,255,0); 82 background: rgba(255,255,255,0.3); 83 padding-left: 10px; 84 padding-top: 5px; 85 margin-top: 5px; 86 border-top-left-radius: 10px; 87 border-top-right-radius: 10px; 88 border-bottom-right-radius: 10px; 89 border-bottom-left-radius: 10px; 90 } 91 92 .right1 { 93 width: 270px; 94 height: 220px; 95 border: 5px solid rgba(255,255,255,0); 96 background: rgba(255,255,255,0.3); 97 padding-left: 10px; 98 padding-top: 0px; 99 border-top-left-radius: 10px; 100 border-top-right-radius: 10px; 101 border-bottom-right-radius: 10px; 102 border-bottom-left-radius: 10px; 103 } 104 105 .right2 { 106 width: 270px; 107 height: 170px; 108 border: 5px solid rgba(255,255,255,0); 109 background: rgba(255,255,255,0.3); 110 padding-left: 10px; 111 padding-top: 0px; 112 margin-top: 5px; 113 border-top-left-radius: 10px; 114 border-top-right-radius: 10px; 115 border-bottom-right-radius: 10px; 116 border-bottom-left-radius: 10px; 117 } 118 119 .right3 { 120 width: 270px; 121 height: 110px; 122 border: 5px solid rgba(255,255,255,0); 123 background: rgba(255,255,255,0.3); 124 padding-left: 10px; 125 padding-top: 0px; 126 margin-top: 5px; 127 border-top-left-radius: 10px; 128 border-top-right-radius: 10px; 129 border-bottom-right-radius: 10px; 130 border-bottom-left-radius: 10px; 131 } 132 133 .ziti1 { 134 font-family: "微软雅黑"; 135 font-size: 25px; 136 } 137 138 .ziti2 { 139 font-family: "微软雅黑"; 140 font-size: 15px; 141 } 142 <bgsound src="" autostart=true loop="-1" /> 143 </style> 144 145 </head> 146 147 <body> 148 149 <div class="t"> 150 <div class="t"> 151 <div class="header"> 152 <img src="img/img-a8193ead590a9f5b74bef8238fb2762e.jpg" class="touxiang" /> 153 <p class="ziti1">                                  马泽海</p> 154 <p class="ziti2">                                                          zenonia</p> 155 </div> 156 <div class="main"> 157 <div class="left"> 158 <div class="left1"> 159 <p class="ziti1">个人信息</p> 160 <br /> 161 <p class="ziti2">性别:   男</p> 162 <br /> 163 <p class="ziti2">年龄:   19</p> 164 <br /> 165 <p class="ziti2">人生格言:   绝不能像赫鲁晓夫那样,文过饰非,把一切功劳归于自己,把一切错误归于别人。</p> 166 </div> 167 <div class="left2"> 168 <p class="ziti1">履历</p> 169 <br /> 170 <p class="ziti2">美国正义协会成员(green *)</p> 171 <br /> 172 <p class="ziti2">中国黑协h.a.c成员</p> 173 <br /> 174 <p class="ziti2">中国共产主义青年团团员</p> 175 </div> 176 </div> 177 <div class="right"> 178 <div class="right1"> 179 <p class="ziti1">个人简介</p> 180 <br /> 181 <p class="ziti2">胡理山本山(一个动漫人物要问为什起这个名字,其实我也不知道t_t)</p> 182 <br /> 183 <p class="ziti2">曾任青海省级孙膑,p城钢枪王(一点都不怂,只要有ak就上去干的那种o_o)</p> 184 <br /> 185 <p class="ziti2">大通二中混了6年的数学课代表,qhu的一位隐者emm</p> 186 187 </div> 188 <div class="right2"> 189 <p class="ziti1">获奖证书</p> 190 <br /> 191 <p class="ziti2">cet-4(今年会有的!!)</p> 192 <br /> 193 <p class="ziti2">cet_6(明年会有的!!)</p> 194 <br /> 195 <p class="ziti2">全国机器人大赛一等奖(不会有的!!)</p> 196 </div> 197 <div class="right3"> 198 <p class="ziti1"> 199 <a href="https://map.baidu.com/?newmap=1&s=s%26wd%3d%e5%a4%a7%e9%80%9a%e5%9b%9e%e6%97%8f%e5%9c%9f%e6%97%8f%e8%87%aa%e6%b2%bb%e5%8e%bf%26c%3d570&from=alamap&tpl=mapcity" />家乡</p> 200 <br /> 201 <p class="ziti1"> 202 <a href="https://www.bilibili.com/video/av26820863?from=search&seid=5911756394010133728" />视频</p> 203 </div> 204 </div> 205 </div> 206 </div> 207 </div> 208 </body> 209 210 </html>
上一篇: LogicalDOC 6.2 发布,开源文档管理系统
下一篇: 猪肉饺子馅怎么调好吃?小技巧学起来!