table中设置border的问题

今天在修改table样式的时,想给tr加个border-bottom,一开始用的颜色比较浅,我还以为看电脑太久眼花,结果换了比较深的颜色后,border-bottom真的没有出来。

忽然想起在html代码中我给table设了内联样式:border="0",会不会是这个的原因,结果删去后还是不行,翻了下论坛,结果找到了答案。

将table设置样式:

border-collapse:collapse;

然后就可以开始给我的tr元素设置border-bottom了。

时间: 2024-12-16 08:27:33

table中设置border的问题的相关文章

table中设置tr行间距

CSS border-collapse 属性设置表格的边框是否被合并为一个单一的边框 值 描述 separate 默认值.边框会被分开.不会忽略 border-spacing 和 empty-cells 属性. collapse 如果可能,边框会合并为一个单一的边框.会忽略 border-spacing 和 empty-cells 属性. inherit 规定应该从父元素继承 border-collapse 属性的值. border-collapse属性加上border-spacing属性就可以

WPF中设置Border的BorderThickness属性会让背景图片产生模糊感

1 <!--设置BorderThickness会让border的Background图片看起来有模糊感--> 2 <Border x:Name="border" 3 BorderBrush="{x:Null}" 4 BorderThickness="1" 5 Background="{TemplateBinding Background}" 6 RenderTransformOrigin="0.5,

CSS中设置border:none和border:0的区别

在我们设置CSS的时候,对标签元素不设置边框属性或者取消边框属性一般设置为:border:none;或border:0;两种方法均可. border:none;与border:0;的区别体现有两点:一是理论上的性能差异:二是浏览器兼容性的差异. 1.性能差异 [border:0;]把border设为"0"像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值.[border:none;]把bord

table中怎么设置两行间距

table中设置两行间距方法: css代码实现 <style> table   {   border-collapse:   separate;   border-spacing:   10px;   } </style> [/html]

css样式表中设置table的第一列的宽度是固定值

table{table-layout:fixed;}table tr td:first-child,table tr td:first-child{width:120px;} 首行第一个td定宽同列的宽度都会和他一样. *注意 第一行 第一个用的是 td 还是 th css样式表中设置table的第一列的宽度是固定值,布布扣,bubuko.com

Jquery Ajax 异步设置Table中某列的值

可根据table中某列中的ID去改变某列的值! JS: 1 $(document).ready(function () { 2 setTimeout(GetDate, 1000); 3 4 }); 5 6 function GetDate() { 7 $("#tbData tbody").find("tr").each(function () { 8 var prjectBalanceObj = $(this).find("td:eq(3)");

设置table中的宽度不随文字改变让其固定

设置table中的宽度不随文字改变让其固定 来源:互联网作者:佚名时间:02-17 16:02:28[大 中 小] 页面中table宽度设置width之后,宽度仍然不是固定的,文字太长后不换行,下面有个不错的方法可以有效解决这个问题 页面中table宽度设置width="600px"之后,宽度仍然不是固定的,文字太长后不换行,把table都撑变形了. 解决办法: 1.table 设置 宽度,绝对宽度和相对都可以 table-layout:fixed ; 设置了这个属性,其余所有td都是

TABLE中动态设置poplist的值跟着当前行的某些列动态变化

核心方法 OAAdvancedTableBean table = (OAAdvancedTableBean)webBean.findChildRecursive("TimeEntryTbl"); OAMessageChoiceBean elePoplist = (OAMessageChoiceBean)table.findChildRecursive("ElementSelect"); elePoplist.setListVOBoundContainerColumn

table 中 文字长度大于td宽度,导致文字换行 解决方案

1.TD不换行 nowrap属性 表格table的td单元格中,文字长了往往会撑开单元格,但是如果table都不够宽了,就换行了好像(不要较真其他情况,我只说会换行的情况).换行后的表格显得乱糟糟,不太好看,我不喜欢这样的换行.当然可以通过对每列td都设置宽度,那样太麻烦了,并且有时没法预计td中的文字会有多长,没法给固定宽度. 为了让表格里文字不换行(预计也不会太长的字符串),可以给表格里td添加一个nowrap属性,如 <td nowrap>文字内容</td> 这样. 但是如果