用css做簡單的網頁頁尾的方法。用css怎做簡單的網頁頁尾？

今天給大家帶來用css做簡單的網頁頁尾的方法。用css怎做簡單的網頁頁尾？，讓您輕鬆解決問題。

具體方法如下:

首先我們先寫內容，按照頁尾的慣例，我們一般頁尾用footer，我們把內容寫為：

<div id="footer">

    <ul>

        <li><a href="//www.online-4teil.com/m/jiaocheng/#">公司簡介</a></li>

        <li><a href="//www.online-4teil.com/m/jiaocheng/#">發展曆程</a></li>

        <li><a href="//www.online-4teil.com/m/jiaocheng/#">科技研發</a></li>

        <li><a href="//www.online-4teil.com/m/jiaocheng/#">集團介紹</a></li>

        <li><a href="//www.online-4teil.com/m/jiaocheng/#">奮鬥目標</a></li>

    </ul>

</div>

下麵我們寫css的內容，首先我們寫大的框架。

#footer {

height:300px;

    padding: 30px 0;

    background:#333;

    border-top: 3px solid #EFEFEF;

margin:0;

}

然後把一些細節性的寫進去，也就是ul、li之類的，大家看的多了就習慣了，慢慢的自己照著也可以做出來了。

另外為了使下麵內容更豐富，我們放一張二維碼什麼的圖片在上麵。不過隻是演示，不真放哦。

然後我們給圖片添加一些樣式，讓他具右。

#foot-img {

    float: right;

margin:0 50px 0 0;

}

#foot-img img {

    width: 250px;

    height: 250px;

}

這些基本寫完後，我們就可以看下效果了，不懂了，可以來問的。

以上就是用css做簡單的網頁頁尾的方法。用css怎做簡單的網頁頁尾？教程,希望本文中能幫您解決問題。