这是我的第一次PHP实验，初学PHP，老师给我们简单讲了一些CSS和HTML，并让我们做一个个人博客界面。因为初学CSS和HTML，做的过程中遇到了很多问题，大部分是百度解决的，还有部分呢
这是我的第一次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
【文章原创作者：香港服务器 http://www.558idc.com/hk.html提供,感谢支持】