table中某一个tr边框样式设置

最新推荐文章于 2022-04-29 15:05:13 发布
最新推荐文章于 2022-04-29 15:05:13 发布
阅读量248 收藏
点赞数
原文链接：http://www.cnblogs.com/zxgwork/p/4638409.html
版权 
<html>
<head>
<style type="text/css">
table{ width:500px; }
table tr td{ border-top:#FF0000 solid 1px; width:50%; background-color:#00CC33; text-align:center; line-height:24px;}
</style>
</head>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
</tr>
</table>
</html>


border-top:#FF0000 solid 1px;指的要上边框。
border-bottom:#FF0000 solid 1px;指的要下边框。
border-left:#FF0000 solid 1px;指的要左边框。
border-right:#FF0000 solid 1px;指的要右边框。
border:#FF0000 solid 1px;指的要所有边的边框

摘抄至:http://zhidao.baidu.com/question/384112150.html?qbl=relate_question_0&word=%C9%E8%D6%C3table%D6%D0%C4%B3%D2%BB%D0%D0%B5%C4%B1%DF%BF%F2&optimi=4

转载于:https://www.cnblogs.com/zxgwork/p/4638409.html

weixin_30475039
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
给表格（table）中行（tr）设置边框（border）
h_jQuery的博客
05-02 3293
给tr设置以下代码无效时： border-bottom: 1px solid #e5e5e5; 在表格中加以下属性就可以解决： table { border-collapse: collapse; }
设置table给tr添加边框
qq_34661750的博客
01-28 690
CSS border-collapse 属性 https://www.w3school.com.cn/cssref/pr_tab_border-collapse.asp 1.为表格设置合并边框模型： table { border-collapse:collapse; } tr{ border:1px solid #ccc; } 2.给table添加 cellspacing=“0” <table cellspacing="0"></table> ...
如何给table表格的tr行加边框
mwtopfire的博客
06-03 3万+
tr是html标签中行的标记，在web开发中，有时候我们为了美观需要修改行的属性。比如tr的边框。如果我们按照如下的形式修改tr的属性就大错特错了.        tr{          border: 1px solid #f5f6f8;  }               这样是没有任何效果的。因为表格中的tr并非单一的边框，这样便需要属性border-collapse
table和tr设置样式
......
02-15 3万+
table和tr设置样式，和平常的style和class有些许差别。 1、table 样式设置方法有: (1) (2) 这样的设置的cellspacing，宽度是(1)方法中的2倍宽 (3)css: .table{width:400px;height:300px;background-color:green;border:0;cellspacing:1px;} 这样的设置的cellspac
关于table表格设置 tr的边框和间距相关问题
weixin_44325687的博客
09-30 5913
首先，我们单独对表格中的tr设置边框、边距都是无效的，因为它的table-cell属性会让tr的边距、边框失效。 1.让tr有边框，传统的解决办法就是设置table属性，如下： 为表格设置合并边框模型： table { border-collapse:collapse; } tr{ border:1px solid #ccc; } 2.让tr有间距，同样也是设置table属性 table{ border-collapse: separate;/*这是该属性的默认值，可以不要*/ bo
table嵌套table边框样式
02-21
在网页设计中，表格（Table）是用于组织数据的重要元素，而当表格嵌套时，如何设置合适的边框样式就显得尤为重要。`table嵌套table的边框样式`是一个常见的需求，尤其在处理复杂的数据展示时。本篇将详细介绍如何...
CSS样式简单实现Table没有外边框只有内边框
09-25
在这个示例中，我们创建了一个包含姓名、年龄、籍贯、出生年月、学历和外语程度的表格。通过上述CSS样式，我们可以看到表格没有了外边框，只保留了内部单元格之间的1像素深灰色内边框。 总结来说，实现"Table没有外...
使用css如何操作Table没有外边框只有内边框
12-12
而`table tr td.lastCol`则用于移除所有单元格（不论在哪一行）最后一个单元格（类名为`lastCol`的单元格）的右边框，确保最后一列的单元格没有右边框。 结合以上CSS规则，当这段代码在HTML文档中运行时，就会呈现...
CSS如何修改tr边框属性实例详解
09-25
`后，表格的边框将会合并，允许我们对整个表格或行（tr）设置统一的边框样式。例如，现在我们可以为`tr`添加边框，而它将被正确地应用到表格的每一行： ```css tr { border: 1px solid #DDDDDD; } ``` 除了`...
Table显示你要显示的边框代码
12-14
在示例代码中，我们可以看到一个包含学生信息的完整表格实例： - `<table summary="...">` 提供了表格的摘要信息，有助于屏幕阅读器理解表格内容。 - `<caption>` 元素定义了表格的标题，便于用户识别表格主题。 - ...
如何给table表格的tr行加border边框（解决篇）
草巾冒小子的博客
09-19 1万+
table表格内td列：float：right浮动之后（tr 行下边框问题） 样式 bug 版本 - 效果图
如何给表格的tr加上下边框
Simoon
02-22 2528
直接给tr上加上border-bottom的时候发现边框不会正常显示，查找资料后总结如下： 在table中有一个默认的属性：border-collapse 参数： 1.separate 默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。 2.collapse 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。 3.inherit 规定应该从父元素继承border-collapse 属性的值。 这样就找到原
给tr加边框无效解决方案
zlzbt
04-26 6252
&lt;table&gt; &lt;tr style='border:1px solid #000'&gt; &lt;td&gt;12&lt;/td&gt; &lt;td&gt;2&lt;/td&gt; &lt;td&gt;12&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;
table无法设置tr边框的原因与解决方法
weixin_40380115的博客
04-29 2946
html中table设置tr行边框 由于table中的每个单元格都有独立的边框，即每个td都有自己的边框，而一个tr中包含多个td。如下图所示，各个td中有间隔 即无法为tr设置边框。 要想为tr设置边框，需将tr中所有的td共享一个边框。 在table样式中加入 border-collapse: collapse; 即将td合并为一个单一的边框，从而可以对tr进行边框设置。 当然可以以在table中设置cellspacing为0，即td之间无间隔，再设置border，各个td之间的边框便可以连接起来，
CSS如何修改tr边框属性
chenssy 的技术博客
12-30 621
tr是html标签中行的标记，在web开发中，有时候我们为了美观需要修改行的属性。比如tr的边框。如果我们按照如下的形式修改tr的属性就大错特错了. tr{ border:1px solid #DDDDDD; } 这样是没有任何效果的。因为表格中的tr并非单一的边框，这样便需要属性border-collapse，border-collapse 属性设置表...
关于在table中设置tr的格式的方法
梦想是成为一个弓箭手
03-02 4245
在做一个表格的时候我需要在第一行的tr上设置一个下边框，但当我直接在这个tr上加上border-bottom的时候发现并没有什么卵用，其实这样做是不对的。tr {border-bottom:1px solid #FFF;}在table中有一个默认的属性：border-collapse 参数： 1.separate 默认值。边框会被分开。不会忽略border-spacing 和 empty-cel
Table边框使用总结 ，只显示你要显示的边框
热门推荐
jaylongli的专栏
11-02 6万+
一、表格的常用属性基本属性有：width（宽度）、height（高度）、border（边框值）、cellspacing（表格的内宽，即表格与tr之间的间隔）、 cellpadding（表格内元素的间隔，即tr与tr之间的间隔）、bordercolorlight（表格的亮边框颜色）、 bordercolordark（表格的暗边框颜色）、bgcolor（表格的背景色）、backgr
table表格的相关设置（边框合并、隔行变色、添加内边框、单独设置某一列）
webFront的博客
09-27 4961
1、为table表格设置边框合并 table{     border-collapse:collapse;     border-spacing:0; } 2、隔行变色和添加内边框 function addColor() {     var tbodyTrList = $(".table tbody tr");     var tdList = $(".table td");
css 修改table th tr边框样式
最新发布
06-12
要修改table中th和tr元素的边框样式，可以使用以下CSS样式： ```css table { border-collapse: collapse; /*合并边框*/ } table th, table td { border: 1px solid #ccc; /*设置边框*/ padding: 8px; /*设置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值