對于網站的布局和設計,footer是非常重要的一個組成部分。它是頁面底部的區域,可以用來放置社交媒體鏈接、版權信息、網站地圖等等。通過CSS的樣式設置,可以讓footer更加美觀和有吸引力。
footer { background-color: #333; /*設置背景顏色*/ color: #fff; /*設置字體顏色為白色*/ padding: 20px; /*設置內邊距*/ text-align: center; /*設置文本居中*/ } footer a { color: #fff; /*設置鏈接字體顏色為白色*/ } footer a:hover { color: #ccc; /*設置鏈接鼠標懸停時的顏色*/ }
上述代碼中,首先設置了footer元素的背景顏色和字體顏色,然后設置內邊距為20像素,并且把文本居中。接下來,對于footer中的鏈接,設置了字體顏色為白色,并且當鼠標懸停時,字體顏色變為灰色。通過這些樣式設置,可以為footer增添更多的魅力。
上一篇css控制隱藏與顯示
下一篇form去掉css