PHP选课系统第二集——页脚（footer.php）

本文链接：https://blog.csdn.net/weixin_51382471/article/details/124457416

PHP选课系统第二集——页脚（footer.php）

这是PHP选课系统系列的第二篇，此系列会带领新学习PHP的萌新们一点一点的自己完成一个选课系统。我也是新学的菜鸟，所以大家一起努力吧！
如果不想看过程，最后有最终代码。
在这里用的环境是NetBeans IDE 8.0.2和XAMPP。

一、页脚的制作

1.构思

这次我们做的页脚是非常简单的，所以此次内容非常简短。
和上次一样，我们先来构思。既然是页脚，那就是页面中在最下面显示一些信息的东西，比如写一些电话、邮箱等。

在这里插入图片描述

2.分解

接下来分解，结构非常的简单，无非就是先有一条横线<hr>，然后在下一行写入这些内容。当然，最外层依然是有一个<div>的。
在这里插入图片描述

3.写框架

开始写框架，一个<div>里套了一个<hr>和一个<p>，在<p>中写入需要的信息

		<div>
            <hr/>
            <p> Copyright©2016 某某某大学 某某学院 电话：1234567 邮箱：abcde@aaa.edu</p>
        </div>

这样写出来的代码，呈现出来的效果是如下的，我们需要把线的长短改变，也要改变字的位置。
在这里插入图片描述

4.css调格式

于是我们调式css，在<hr>中添加宽度和颜色，在<p>的字之间加入空格&nbsp，这里要是敲好几个键盘上的空格是没有效果的，只会有一个空格的效果，所以要用&nbsp。
然后给div起一个class名为foot，调试其css，边距和居中。

		<style type="text/css">
            .foot{
                padding: 10px;
				text-align: center;
            }
        
        </style>
		<div class="foot">
            <hr style="width:80%;border-color: lightcyan" />
            <p> Copyright©2016&nbsp;&nbsp;首都经济贸易大学&nbsp;&nbsp;信息学院&nbsp;&nbsp;电话：1234567&nbsp;&nbsp;邮箱：abcde@cueb.edu</p>
        </div>

在这里插入图片描述
这次的内容非常简单，但也含有一些知识，大家还可以自己添加各种功能让它更漂亮~

二、为了方便，这里又放上了代码

<html>
    <head>
        <meta charset="UTF-8">
        <title>教学选课系统</title>
 
        <style type="text/css">
            .foot{
                
                padding: 10px;
		text-align: center;
            }
        
        </style>
    </head>
    <body>
        <?php
        // put your code here
        ?>
        <div class="foot">
            <hr style="width:80%;border-color: lightcyan" />
            <p> Copyright©2016&nbsp;&nbsp;首都经济贸易大学&nbsp;&nbsp;信息学院&nbsp;&nbsp;电话：1234567&nbsp;&nbsp;邮箱：abcde@cueb.edu</p>
        </div>
    </body>
</html>