table和tr设置样式

柔情只为你懂 2022-07-12 07:11 522阅读 0赞

table和tr设置样式，和平常的style和class有些许差别。

1、table 样式设置方法有:

(1)<table width='400' height='300' bgcolor='green' border='0' cellspacing='1'></table>

(2) <table style='width:400px;height:300px;background-color:green;border:0;cellspacing:1px;'></table>这样的设置的cellspacing，宽度是(1)方法中的2倍宽

(3)css: .table\{width:400px;height:300px;background-color:green;border:0;cellspacing:1px;\} 这样的设置的cellspacing，宽度也是(1)方法中的2倍宽

2、tr标签背景样式设置,方法有：

(1)如果在页面编写代码时，table没有thead和tbody,那么tr设置样式情况为:

<tr bgcolor='white'></tr>

或者css:.tr\{background-color:white\} <tr class='tr'></tr>

但是 <tr style='background-color:white'></tr>无效

(2)如果在页面编写代码时，table有thead和tbody,那么tr设置样式额情况不同:

如果tr存在在thead中，设置背景样式可以:

<tr bgcolor='white'></tr>

或者  css: .trHead\{background-color:white;\} <tr class='trHead'></tr>

但是 <tr style='background-color:white'></tr> 无效

如果tr存在在tbody中，设置背景样式可以:

<tr bgcolor='white'></tr>

或者  css: .trHead\{background-color:white;\} <tr class='trHead'></tr>

或者<tr style='background-color:white'></tr>

3、细线表格制作

<table width='400' height='300' bgcolor='green' border='0' cellspacing='1'>

<tr bgcolor='white'><td></td><td></td><td></td></tr>

<tr bgcolor='white'><td></td><td></td><td></td></tr>

<tr bgcolor='white'><td></td><td></td><td></td></tr>

</table>

发表评论取消回复

表情：

评论列表（有 0 条评论，522人围观）

还没有评论，来说两句吧...

相关阅读

相关遍历table tr

<tbody id="professionTable">  <!--<td>1</

秒速五厘米/ 2022年09月21日 13:24/ 0 赞/ 151 阅读

相关 table中设置tr行间距

CSS border-collapse 属性设置表格的边框是否被合并为一个单一的边框 <table> <tbody> <tr> <td>值</td>

你的名字/ 2022年08月19日 08:25/ 0 赞/ 286 阅读

相关 table中给tr设置border-bottom无效

解决方法：将tr所在table的css样式border-collapse设置为 collapse；比如： table\{border-collapse: c

港控/mmm°/ 2022年07月26日 06:07/ 0 赞/ 206 阅读

相关 table和tr设置样式

table和tr设置样式，和平常的style和class有些许差别。 1、table 样式设置方法有: (1)<table width='400' height='300

柔情只为你懂/ 2022年07月12日 07:11/ 0 赞/ 523 阅读

相关 table和tr设置样式

table和tr设置样式，和平常的style和class有些许差别。 1、table 样式设置方法有: (1)<table width='400' height='300

矫情吗；*/ 2022年07月12日 07:11/ 0 赞/ 535 阅读

相关 table标签中设置tr的行间距

[table中设置tr行间距][table_tr] CSS border-collapse 属性设置表格的边框是否被合并为一个单一的边框 <table style="m

一时失言乱红尘/ 2022年06月05日 12:37/ 0 赞/ 373 阅读

相关 TABLE中TR、TH和TD

1.tr标示这个表格中间的一个行 2.td标示行中的一个列,需要嵌套在<tr</tr中间 3.th 定义表头单元格。表格中的文字将以粗体显示下面的代码可以实现，tabl

客官°小女子只卖身不卖艺/ 2022年05月30日 01:09/ 0 赞/ 255 阅读

相关 table tr td圆角

css样式： table tr:last-child td:first-child { border-bottom-left-rad

￡神魔★判官ぃ/ 2022年03月16日 10:20/ 0 赞/ 374 阅读

相关如何设置table中<tr>和的高度

//-----------------自定义表格table的行和列的宽和高\----------------------// 先设置一个样式如下： <style

川长思鸟来/ 2021年11月17日 07:46/ 0 赞/ 815 阅读

相关 jstl 实现同一个table中行间样式不同【tr】

![2019081218242612.png][] ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6L

谁践踏了优雅/ 2021年10月18日 15:46/ 0 赞/ 249 阅读