中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

首先需要控制頁腳的文本顯示：

#footer {
clear: both;
height: 66px;
font-family: Tahoma, Arial, Helvetica, Sans-serif;
font-size: 10px;
color: #c9c9c9;
}

接著我們需要設(shè)置存在鏈接的文本的顯示，在這我們沒有改變文本的顏色(仍然為#c9c9c9)，而只是讓下劃線消失：

#footer a {
color: #c9c9c9;
text-decoration: none;
}

但是我們想讓那些存在鏈接的文本，在鼠標(biāo)懸停在其上方時(shí)變色為#db6d16：

#footer a:hover {
color: #db6d16;
}

然后我們想給頁腳加上灰色的上邊框，在footer層的四周設(shè)置一些間隙，并加大文本的行距：

#footer {
clear: both;
height: 66px;
font-family: Tahoma, Arial, Helvetica, Sans-serif;
font-size: 10px;
color: #c9c9c9;
border-top: 1px solid #efefef;
padding: 13px 25px;
line-height: 18px;
}

最后我們需要做的就是讓副導(dǎo)航層(#altnav)向右浮動(dòng)，需要指出的是，浮動(dòng)層是必須設(shè)置寬度(width)才能正常浮動(dòng)的，所以我們把#altnav的寬度設(shè)置為350px，略寬于文本的長度(為了讓副標(biāo)題的文字顯示完全)，然后讓文本向右對(duì)齊：

#footer #altnav {
width: 350px;
float: right;
text-align: right;
}

如果你按照以上方法，將得到如下圖所示的頁腳樣式：

出處：Jorux Notebook
責(zé)任編輯：moby

上一頁 網(wǎng)站頭部圖標(biāo)與logo部分的設(shè)計(jì) 下一頁 導(dǎo)航條的制作

◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。