html语言怎么设置设置表格行高?

html语言怎么设置设置表格行高?,第1张

具体 *** 作步骤如下:

一、如果要以像素大小静态定死表格宽度大小,只需定义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设置宽度的目地。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7189241.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-02
下一篇2023-04-02

发表评论

登录后才能评论

评论列表(0条)

    保存