想要給網站底欄增加一些圖片裝飾?用 CSS 動手實現吧!下面是一個簡單的 CSS 代碼示例,幫助你把圖片放在底欄上。
/* 先給底欄設置樣式 */ footer { background-color: #333; /* 底欄背景顏色 */ color: #fff; /* 文字顏色 */ padding: 20px; /* 上下左右內邊距 */ position: relative; /* 相對定位 */ } /* 設置圖片樣式 */ img { max-width: 100%; /* 圖片最大寬度 100% */ height: auto; /* 圖片高度自適應 */ position: absolute; /* 絕對定位 */ bottom: 0; /* 離底欄底部距離為 0 */ right: 20px; /* 離底欄右側距離為 20px */ } /* 增加圖片到底欄里 */
這段代碼使用了相對定位和絕對定位來將圖片放在底欄的右下角。你可以根據需求更改圖片的位置和底欄的樣式。
下一篇css圖片拼接有縫隙