在進行網站設計中,表格是非常常見的一種元素。而如果我們需要在表格中加入背景圖的話,則需要運用到 CSS 來控制。接下來將介紹如何利用 CSS 實現在一個表格中添加背景圖。
table {
background-image: url('background.jpg'); /* 設置背景圖 */
background-repeat: no-repeat; /* 禁止重復 */
background-size: cover; /* 背景以表格大小為準進行裁剪 */
}
首先,在 CSS 中我們可以直接給表格添加背景圖,使用 background-image 屬性即可。然而,由于背景圖片默認會重復出現,我們使用 background-repeat: no-repeat; 將其禁止掉。
此時可能會發(fā)現,背景圖只有一部分在表格內展示,這時候我們可以使用 background-size 這個屬性。當設置為 cover 時,則會使背景圖盡量以表格大小為準進行自適應,達到最大程度的展示。
通過上述的操作,我們就能很輕松的實現在表格中添加背景圖的效果啦??靵碓囋嚢?!
下一篇css提示文字上下滾動