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

Posted 2023-04-16

如何让table边框，tr边框和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

参考技术A <tr class="">
<td class=""></td>

</tr>
-----------------------------
分别用class进行定义。 参考技术B 分别指定，通过css 属性选择器 参考技术C 3种方法：
1、样式定义
.table tr td border:1px #ff000 solid
2、直接给td定义
<tr>
<td class="td"></td>

<td class="tm"></td>

</tr>
3、给table 直接定义
<table border="0" width="100%" cellpadding="0" cellspacing="1" bgcolor="#ACDDEC">

<tr bgcolor="#fff">
<td></td>

<td></td>

</tr>
</table>本回答被提问者和网友采纳

table中td的内容超出自动换行

给td设置css样式：

1.  td {

　　word-wrap: break-word;

　　}

2. td {

　　overflow-wrap: break-word; 

　　}

以上两种样式都可以

一、设置之前

td中的内容超出边框

 

二、设置之后