用HTML5做一個個人網站，此文僅展示個人主頁介面。內附原始碼下載地址
阿新 • • 發佈：2018-11-27
html5 ，用css去修飾自己的個人主頁
程式碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文件</title> <style type="text/css"> body { margin-left: 0px; margin-top: 0px; } #aa { position: fixed; height: 662px; width: 1366px; background: #FFF; } #bb { background: #FFF; position: absolute; height: 401px; width: 1398px; left: -31px; top: 0px; } #cc { background: #09C; position: absolute; height: 63px; width: 1404px; left: -34px; top: 418px; font-size: 36px; color: #FFF; } #dd { position: absolute; height: 124px; width: 175px; left: 1142px; top: 136px; } #ee { position: absolute; height: 295px; width: 510px; left: 953px; top: 70px; line-height: 24px; } #ff { position: absolute; height: 66px; width: 214px; left: 600px; top: 553px; font-size: 45px; font-weight: bold; } .gg { font-size: 36px; } #aa #bb #ee table tr td { color: #000; } #aa #bb #ee table { color: #000; } #gg { position: absolute; height: 161px; width: 195px; left: 573px; top: -55px; font-size: 16px; } </style> </head> <body> <div id="aa"> <div id="cc"> 青春 奔放 活潑 熱情©</div> <div id="bb"> <div id="ee"> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><hr /></td> </tr> <tr> <td><p>姓名：%%%</p></td> </tr> <tr> <td>性別：男</td> </tr> <tr> <td>年齡：19</td> </tr> <tr> <td>家鄉：<a href="http://baike.baidu.com/link?url=ZkJSggcN2Nl7Xe0HaB0hSRrMkIdo-VGCNJWpbPIWNt1-M7xPr4FkF2qdxHGCMz3lT0LdGTsXi5zMtwMWKZ5S3Pz8elmt9ATA1omMMMfTIBSdG430mMTTJk0MyAlQO88B">甘肅省鎮原縣</a></td> </tr> <tr> <td>就讀院校：<a href="http://baike.baidu.com/item/%E5%9B%9B%E5%B7%9D%E5%A4%A7%%A6">**大學</a></td> </tr> <tr> <td>就讀專業：<a href="http://baike.baidu.com/item/%E5%BE%AE%E7%94%E7%A7%91%E5%AD%A6%E4%B8%8E%E5%B7%A5%E7%A8%8B%E4%B8%93%E4%B8%9A">微電子科學與工程專業</a></td> </tr> <tr> <td>學生證號：201614#######</td> </tr> <tr> <td>興趣愛好：聽歌，打籃球</td> </tr> <tr> <td>政治面貌：團員</td> </tr> <tr> <td>聯絡電話：13245676543</td> </tr> <tr> <td>Email:[email protected]</td> </tr> <tr> <td>關鍵詞：學生</td> </tr> <tr> <td> </td> </tr> </table> </div> <img src="img/1497103056360.jpg" width="1398" height="403" /></div> <div id="ff"> <div id="gg"> <p> </p> <p> </p> <p> </p> <p><a href="zhuye.html">回到主頁</a></p> <form id="form1" name="form1" method="post" action=""> </form> </div> About me</div> </div> </body> </html>
原始碼下載地址：https://download.csdn.net/download/weixin_39641975/10371468