table如何设置边框

table如何设置边框：

1.通过table标签的属性来设置，border="1" 边框设置为1，cellspacing="0" 单元格间距设置为0.

<table border="1" cellspacing="0"></table>,效果如图

2.通过css样式设置，而且用css可以自动设置边框的粗细、颜色等。

table, td{border: 1px solid #000000;border-collapse: collapse;
}

或

table{border-top: 1px solid #000000;border-left: 1px solid #000000;border-collapse: collapse; /*设置单元格的边框合并为1*/
}
td{border-bottom: 1px solid #000000;border-right: 1px solid #000000;
}

或

  table{border-collapse: collapse;}table td{border-bottom: 1px solid #000000;border-right: 1px solid #000000;}table tr:first-child td{border-top: 1px solid #000000;}table tr td:first-child{border-left: 1px solid #000000;}

表格的隔行变色：

table tr:nth-child(odd){background:#F4F4F4;} //奇数
table tr:nth-child(even){color:#C00;} //偶数

table如何设置边框相关推荐

隐藏html表格边框显示,table显示所有边框 table的边框怎么显示不出来
css中怎么使table的内部边框显示出来? 怎么隐藏table所有边框设置了 cellpadding="0" border="0" cellspacing= ...
relativelayout设置边框_Android TableLayout 增加边框，以及圆角的实现方式
Android TableLayout 增加边框,以及圆角的实现方式发布时间:2018-06-11作者:laosun阅读(3821) android 使用tablelayout实现圆角边框布局: 首 ...
表格table常见的边框设置和初步的立体效果
做网页时经常会遇到表格,常见的表格如下: 1 <style type="text/css"> 2 .tbtest0 3 { 4 width:500px; 5 heigh ...
table 设置边框
本文引自:https://www.cnblogs.com/leona-d/p/6125896.html 示例代码: <!DOCTYPE html> <html lang=" ...
html表格怎么改圆角边框,Table元素设置圆角border
8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? Table元素设置圆角border-radius 首先,我们先对border-collapse属性进行简单的了解. 有以 ...
css怎么设置table表格的边框为单线边框？（代码详解）
table表格边框怎么设置为单线边框?本篇文章就给大家介绍一种css设置table表格的边框为单线边框的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 首先我们来看看给tabl ...
css单线边框_css怎么设置table表格的边框为单线边框？（代码详解）
table表格边框怎么设置为单线边框?本篇文章就给大家介绍一种css设置table表格的边框为单线边框的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 首先我们来看看给tabl ...
relativelayout设置边框_Android表格布局之设置边框
Android表格布局本身没有边框,不过可以通过背景色的设置可以实现表格边框的显示. 首先可以设置TableRow的背景色,然后设置内容的背景色.根据它们的颜色差就出现了边框.只要微调Content与 ...
html表格边框怎么消除,如何去除table的粗边框
HTML制作新手在用TABLE表格时,会碰到如何改变边线粗线,因为默认的TABLE边线设置即使是1px 是很粗的. 因此会使用其他一些方法来制作出细线边框,这里介绍一种利用CSS来实现细 ...

table如何设置边框

table如何设置边框相关推荐

最新文章

热门文章