① 表格如何添加背景圖片,要示例代碼。
用 <TABLE>表格可以實現有背景圖片和的邊框的文本框 ,效果如圖:
代碼如下:
<TABLE style="WIDTH: 373px; HEIGHT: 322px" borderColor=#000000 cellSpacing=13 background=圖片地址 border=3>
<TBODY>
<TR>
<TD>
在這里添加你的文字或者鏈接</TD></TR></TBODY></TABLE>解釋一下:WIDTH: 373px; HEIGHT: 322px:表格的寬和高,可以修改數值,也可以在正常編輯狀態下通過拖拉的方式改變大小。borderColor:表格邊框的顏色cellSpacing=13:表格格線的厚度。(在上面這個例子里就是兩條黑色邊線之間的距離)border=3:表格邊框的厚度。(即最外層邊線的厚度)
② html表單如何添加背景圖片
在Dreamweaver CS6中新建一個html空白文檔,將頁面內容放入<body></body>中。選中背景圖即可插入。
詳細步驟:
工具/材料:
1、新建文件夾並將其命名為「表格」。
網路-HTML表單
③ 我怎麼在table的<tr>中加背景圖片呢
tr 是不支持background的,如果你要為某一行添加背景圖,就要在這個行中的每個td中添加background的
④ 怎麼在table中加背景圖片
無論是td還是tr都沒這個屬性.可以在裡面嵌一個帶background屬性的對象, 比如在該tr中只用一個td (這樣它可以擴展到一整行), 然後在td中放一個table, 在table的屬性中用<table background=url來指定背景, 這時你可以繼續用tr, td, 不過它是裡面那個table的tr, td.
當然, 還要注意一下cellspacing及cellpadding等的設置.
你看一下Dreamweaver, 它的布局表格中經常是層層嵌套的. 還有, 很多網站的網頁同樣有很多個table層層嵌套的做法.
⑤ 怎麼用jquery改變table的背景圖片
寫了段演示代碼給你.把代碼保存為demo.html,同時與jquery.js,1.jpg,2.jpg放在同一個文件夾就可以看見效果.
主要說明:
(1)table要加id屬性
(2)使用attr()方法來變更background屬性.
===============
<html>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" ></meta>
<head>
<title>
demo
</title>
<script src="jquery.js" type="text/javascript"></script>
<script>
function set_bg(){
$("#demo_table").attr("background","2.jpg");//關鍵在這里.
}
</script>
</head>
<body>
<div id="showTime">
<table class='itable' width='100%' height="800" id='demo_table' background="1.jpg">
<tr>
<td>
<input type="button" value="換張背景" onclick="set_bg();">
</td>
</tr>
</table>
</div>
</body>
</html>
⑥ table怎麼不顯示css里定義的背景圖片
樓主,你好!
你的這種現象是由2個原因造成的:
1、CSS定義的ID和<table>中引用的ID不一致;
2、即使引用一致的話,由於你沒有給<table>定義相關屬性或內容;
你可以在<body>中的<table>標簽寫成如下格式就能看到CSS所定義的背景了,當然前提是你的CSS引用的背景圖片的路徑要正確:
<table id="mytablebe">
<tr>
<td>在此處,你可以看到背景圖片(login.jpg)</td>
</tr>
</table>
⑦ 怎麼設置table欄背景圖片
table{
background-image:url("1.jpg");
}
設置背景圖片的樣式,然後添加圖片的路徑就可以了。
⑧ 網頁製作如何將圖片設置為表格內的背景
一般表格寫法為<table>
<tr>
<td>
</table></tr></tb>
如果要設置某個圖片為整個表格背景,則在table里設置,具體寫法為:
<table style="background:url(../img【圖片存放路徑】/xxx.jpg)">即可設置XXX.jpg為整個表格背景!
如果要設置,某個圖片為表格中第一個豎列的背景則在<tr>里進行設置!設置方法參考table設置方式!例如:<tr style="background:url(../img/xxx.jpg)">
如果要設置,某個單個表格的背景則需要設置<td>屬性,具體設置辦法與前兩個相同!
例如:<td style="background:url(../img/xxx.jpg)">即可顯示!
如果,不懂代碼,一般在網頁的編輯器里可以進行設置滑鼠點擊表格,然後右鍵選擇表格背景顏色進行設置!【注意:大多數編輯器不支持設置背景圖片,如果需要設置背景圖片需要在代碼里進行修改!】
⑨ table 的背景圖片隨table大小拉伸
1、如<table background="xxx.jpg" 這種是html自帶的一種給表格載入背景圖片的方式; 2、<table style="background-image:url(xxx.jpg);"還有一種是通過css實現的表格背景圖片。 這兩種方法,如果不加任何修飾,直接使用的話,當表格的大小改變時: 1、如果調用的背景圖片大於表格的大小時,圖片只顯示一部分; 2、如果調用的背景圖片小於表格的大小時,表格就會重復,循環出現填補小於表格大小的部分。 頂多是設置repeat-x或-y水平重復或者垂直重復。 所以不能實現背景圖片縮放,你可以考慮通過別的方法實現。 如有問題,我們可以繼續討論。
⑩ table中可以添加背景圖片嘛請各位高手幫幫忙啊!
完整的,你看看:
<!DOCTYPE
HTML
PUBLIC
"-//W3C//DTD
HTML
4.01
Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=gb2312">
<title>Flea1985</title>
</head>
<body>
<table
width="500"
border="0"
cellpadding="0"
cellspacing="0"
這里可以放background="Ast_mic.gif">
<tr
這里不可以放,否則在設計的時候能看見背景,等瀏覽的時候什麼都沒有background="Ast_mic.gif">
<td
這里可以放background="Ast_mic.gif">Flea1985</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>