CSS 頁面底部橫線,是指在網(wǎng)頁底部添加一條橫線來美化頁面的CSS實現(xiàn)方法。實現(xiàn)方法如下:
footer { border-top: 1px solid #DDD; padding-top: 40px; }
以上代碼中,footer
為網(wǎng)頁底部的HTML元素,使用border-top
屬性設(shè)置頂部邊框。同時,使用padding-top
屬性設(shè)置與網(wǎng)頁內(nèi)容的距離,實現(xiàn)美觀效果。
可以使用不同的樣式來個性化橫線。例如,可以調(diào)整線條的粗細(xì)、顏色和樣式。
footer { border-top: 3px double #333; padding-top: 30px; }
以上代碼中,通過設(shè)置border-top
屬性的樣式,將橫線變成雙線條,顏色為深灰色。
總結(jié)起來,CSS 頁面底部橫線是一種簡單易用的美化網(wǎng)頁的方法。通過調(diào)整樣式和屬性,可以實現(xiàn)各種風(fēng)格樣式橫線,在網(wǎng)頁底部增添美感。