① 表格如何添加背景图片,要示例代码。
用 <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>