html中如果对table中的td设置边框样式

设置Table的细边框通常有这么几种方式：

1.使用css

2.使用ie中特有的属性,不支持除ie外的浏览器

3.整个表格的背景为黑色，每个单元格背景为白色，单无格间距为1,表格粗细为0

4.直接代码表示(一个style="BORDER-COLLAPSE:collapse"搞定)

扩展资料:

Table控件主要用于在web页面上创建表格，其功能与HtmlTable类似。不同的是，Table控件可以用动态的内容以编程的方式来生成表格。

<Table>定义整个表格，即表格的内容要放在<Table>和</Table>标记中；在<Table>中的主要属性：border属性显示表格的边框，width, height属性定义表格的大小。<caption>标记符用来定义表格的标题。

表格的表示以行为单位，在行中包含列。其中：一个<tr>...</tr>标记表示一行；一个<td>...</td>标记表示一列；<th>... </th>定义表头，一般可以不用。

参考资料来源百度百科  table

写CSS3选择器，设置td的边框样式即可。

例如：

.sudoku tr:nth-child(3) td, .sudoku tr:nth-child(6) td {

border-bottom: solid black 1px

}

可以设置下边框线颜色大小

.sudoku tr td:nth-child(3), .sudoku tr td:nth-child(6) {

border-right: solid black1px

}

可以设置右边框线颜色大小

---