table設(shè)置背景圖片，不能100%顯示解決方法_HTML/Xhtml_網(wǎng)頁制作

在開發(fā)中發(fā)現(xiàn)了下面的情況：
（1） 如果文件存放為.jsp文件后綴的形式，代碼如下所示（index.jsp）：

代碼如下:
<%@page contentType="text/html; charset=utf-8" pageEncoding="utf-8" language="java" %>

程序運(yùn)行后，頁面中顯示的效果如下圖所示：

該效果出現(xiàn)了兩處不對的地方：
(1) 中間的td的背景并沒有鋪滿整個(gè)td；
(2) 整個(gè)table寬度并沒有撐滿整個(gè)屏幕。
百思不得其解，非常郁悶??！后臺(tái)嘗試給table加上border="0",效果仍然如上圖所示。把0改為1，發(fā)現(xiàn)table撐滿了整個(gè)屏幕，并且td也被背景鋪滿，如下圖，不過表格的邊框不是我所要的。

發(fā)現(xiàn)上述方法不能從根本上解決問題。
然后又對照了一下table中的3個(gè)td，發(fā)現(xiàn)第二個(gè)td中沒有內(nèi)容，于是嘗試在第二個(gè)td中填入內(nèi)容，代碼如下所示：

代碼如下:

第二個(gè)td添加內(nèi)容

運(yùn)行代碼后的效果基本符合最終的結(jié)果，運(yùn)行效果如下：

下面再將代碼稍微調(diào)整一下即可，完整代碼如下：

代碼如下:
<%@page contentType="text/html; charset=utf-8" pageEncoding="utf-8" language="java" %>

















最終效果如下圖所示：

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com