這是我的第一次PHP實驗，初學PHP，老師給我們簡單講了一些CSS和HTML，並讓我們做一個個人博客界面。因為初學CSS和HTML，做的過程中遇到了很多問題，大部分是百度解決的，還有部分呢解決不了就干脆沒解決，確實感覺自己前端做的很爛，沒有藝術細胞，只能簡單的做一個框架，丑是丑了點，但湊合湊合還是能用的。只能說繼續加油吧，下面展示一些界面。
html代碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>王敬博博客主頁</title> <style> img{ width: 100%; height: 320px; } ul { display: flex; /*flex-direction: row;*/ /*flex-wrap: nowrap;*/ flex-flow: row nowrap; justify-content: center; } ul li{ list-style: none; text-align: center; line-height:1px; padding: 10px; height:1px; width: 100px; margin: 0 10px; } .one{ border-style:solid; border-width:1px; } li.font-big:hover{ font-size: 23px; color:#FF8C00; } .juzhong{ text-align:center; } .ziti{ font-family: "微軟雅黑"; font-size: 17px; color : #708090; text-decoration:none; } .demo{ position:fixed; top: 0; left: 0; width:100%; height:100%; min-width: 1000px; z-index:-10; zoom: 1; background-color: #fff; background: url("image/漸變5.png"); background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center 330px; } a.title{ font-size: 27px; color: #C0C0C0; } a.cebian2{ font-size: 15px; color: black; } p.neirong{ font-size: 15px; } a:hover{ color: #FF8C00; } p.jiewei{ font-size: 14px; } div.neirong1{ width:800px; padding:10px; border-bottom:1px dashed #000; margin-left: 250px; } p.cebian{ font-family:黑體; font-size: 19px; } div.cebian1{ position: absolute; right: 50px; width: 300px; padding: 10px; } </style> </head> <body> <div class="demo"></div> <img src="image/zhuye5.jpg" alt=""> <div class="one"> <ul> <li class="font-big"> <a class="ziti" href="https://www.cnblogs.com/wjingbo/">首頁</a></li> <li class="font-big"> <a class="ziti" href="https://i.cnblogs.com/EditPosts.aspx?opt=1">隨筆</a></li> <li class="font-big"> <a class="ziti" href="我的.html">我的</a></li> </div> </ul> <div class="cebian1"> <p class="cebian">常用鏈接</p> <p><a class="cebian2" href="#"> 我的隨筆</a></p> <p><a class="cebian2" href="#"> 我的評論</a></p> <p><a class="cebian2" href="#"> 我的參與</a> </p> <p><a class="cebian2" href="#"> 我的標簽</a> </p> <p><a class="cebian2" href="#"> 最新評論</a> </p> </div> <div class="cebian1"> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <p class="cebian">隨筆分類</p> <p><a class="cebian2" href="#"> 安卓開發</a></p> <p><a class="cebian2" href="#"> PHP</a></p> <p><a class="cebian2" href="#"> 大二上學期</a> </p> <p><a class="cebian2" href="#"> 大二下學期</a> </p> <p><a class="cebian2" href="#"> 微信小程序</a> </p> </div> <div class="cebian1"> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <p class="cebian">閱讀排行榜</p> <p><a class="cebian2" href="https://www.cnblogs.com/wjingbo/p/15457460.html"> 簡單圖書管理系統(839)</a></p> <p><a class="cebian2" href="https://www.cnblogs.com/wjingbo/p/15455941.html"> JDBC-簡單學生管理系統-增刪改查(392)</a></p> <p><a class="cebian2" href="https://www.cnblogs.com/wjingbo/p/15596714.html"> request.setAttribute()和session.setAttribute()的區別詳解(347)</a> </p> <p><a class="cebian2" href="https://www.cnblogs.com/wjingbo/p/15578976.html"> layui使用html+servlet+ajax實現登錄驗證(224)</a> </p> <p><a class="cebian2" href="https://www.cnblogs.com/wjingbo/p/15523169.html"> 人口普查系統完結（html+servlet）(214)</a> </p> </div> <div class="neirong1"> <p ><a class="title" href="https://www.cnblogs.com/wjingbo/p/15976698.html">layui+ajax+html驗證登錄</a></p> <p class="neirong"> 摘要:昨天做了一個簡單的登錄界面（模板），主要有以下功能。 登錄需要賬號密碼，下拉菜單可以選擇登錄方式，驗證密碼比較簡單（有密碼錯誤和賬號未注冊兩項判斷，均為alert彈窗形式）。 代碼如下 </p> <p class="jiewei"> posted @ 2022-03-07 16:57 權。 閱讀(0) 評論(0) 推薦(0) </p> </div> </div> <div class="neirong1"> <p ><a class="title" href="https://www.cnblogs.com/wjingbo/p/15973409.html">layui模板注冊表單</a></p> <p class="neirong"> 摘要:今天晚上用layui模板做了一個簡單的注冊表單，功能主要有可以js驗證密碼重復，可以驗證手機號碼。 這是界面 </p> <p class="jiewei"> posted @ 2022-03-07 16:57 權。 閱讀(0) 評論(0) 推薦(0) </p> </div> </div> <div class="neirong1"> <p ><a class="title" href="https://www.cnblogs.com/wjingbo/p/15946139.html">大二下學期開課計划</a></p> <p class="neirong"> 摘要: 我是石家庄鐵道大學軟件工程專業的大二學生，我平時喜歡玩游戲，喜歡打打籃球。目前正在學習Web開發，還是一只啥都不會的小菜鳥，所以要繼續努力，學習一些新的技術，增強自己的實力。 個人計划：學習安卓開發、學習JavaScript、掌握一些主流的前端框架。 目前面臨的問題是沒有持續學習的動力，總是喜歡待在自己的舒適區，渾渾噩噩度日。 開學了要認真學習，加油！！！ </p> <p class="jiewei"> posted @ 2022-03-07 16:57 權。 閱讀(0) 評論(0) 推薦(0) </p> </div> </div> <div class="neirong1"> <p ><a class="title" href="https://www.cnblogs.com/wjingbo/p/15934456.html">構建之法閱讀筆記（一）</a></p> <p class="neirong"> 摘要: 構建之法第一章講述了軟件和軟件工程一些相關知識，雖然作者引用大量實例去解釋一些定義和一些詞匯，但是看完第一章並沒有引起我太大的興趣，也許是我對其中的一些解釋還有疑惑，又或者是對這種學科性書籍本身的枯燥性的定式思維。 </p> <p class="jiewei"> posted @ 2022-03-07 16:57 權。 閱讀(0) 評論(0) 推薦(0) </p> </div> </div> </body> </html> <script> </scrip