效果截圖： ...
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 姓名： 陳寧寧 45 <br><br> 46 班級：電腦系174班 47 <br><br> 48 學校：青海大學 49 <br><br> 50 QQ：473029494 51 <br><br><br> 52 <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> 省份</th> 70 </tr> 71 <tr> 72 <td>xxxx-2007</td> 73 <td> 河南</td> 74 </tr> 75 <tr> 76 <td>xxxx-2017</td> 77 <td> 福建</td> 78 </tr> 79 <tr> 80 <td>xxxx-</td> 81 <td> 青海</td> 82 </tr> 83 84 </table> 85 86 <h3>希冀</h3> 87 <p class="study">好好學習，天天向上。</p> 88 89 </body> 90 91 </html>
效果截圖：
