
一、如果要以像素大小静态定死表格的宽度大小,只需定义width属性即可。
二、如果要使表格可以随浏览器变大而变大,变小而变小,那么只需动态设置width属性即可。(表格的高度同1,2)
三、设置表格的背景颜色。图例为整个网页黑色,表格白色。
四、设置表格的背景图片,此时添加图片的url路径,注意如果与网页文件在一个文件夹内就只要写图片名字,如果不在请写全地址。
五、设置表格的边框颜色,设置bordercolor属性。
是这个效果么?<table>
<TR >
<TD vAlign=top >
<TABLE width="100%" align=center height="130" bgcolor="#99FF00">
<TBODY>
<TR >
<TD width="86%" height="18" valign="top"> 1111111111 </TD>
<TD width="86%" height="18" valign="top"> 2222222222 </TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</table>
1、首先给table标签添加css : table-layout:fixed这里是为了让整个table有一个自己宽度,而不是让table自己随着自己内容的大小而改变。
2、给table标签,定一个宽度(如:width:500px)
3、最后给td 定一个宽度(width)就可以实现.
原表格:
添加一下CSS:
现表格:
扩展资料:
在实际需求中,经常遇到要在table中的td中,让用户输入比较长的字符串,这时就要使td的宽度能较大。
在WEB前端中,对于 表格元素中的元素td 直接设置宽度是无法生效的。要想达到给td设置宽度的目地。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)