标题 使用表格标记<border>属性可以为表格设置边框,但为什么还要通过CSS来控？

你可以试试看border=1的表格有多难看

对比下这两种方法设置border的结果：

<table border=1 cellspacing=0 cellspadding=0>

<tr><td>xxxxxx</td><td>yyyyyyyyyyy</td></tr>

<tr><td>xxxxxx</td><td>yyyyyyyyyyy</td></tr>

<tr><td>xxxxxx</td><td>yyyyyyyyyyy</td></tr>

</table>

<br>

<style>

tbs,td{

border: solid 1px #8888aa;

border-collapse: collapse;

border-spacing: none;

}

</style>

<table class="tbs">

<tr><td>xxxxxx</td><td>yyyyyyyyyyy</td></tr>

<tr><td>xxxxxx</td><td>yyyyyyyyyyy</td></tr>

<tr><td>xxxxxx</td><td>yyyyyyyyyyy</td></tr>

</table>

先说一下，如果width:100%;了，那么在设置border，这个盒子的总宽度,就会大于父盒子，也就是说,这个小盒子比大盒子还要大，会溢出。
除非，你给这个小盒子再加一个属性box-sizing: border-box;
bordre的属性设置，是这种格式border: 1px solid #000;
1px，是指border的宽度为1像素。
solid，是指border的样式为实线，此外还有dashed虚线，常用的就这两。
#000，是指border的颜色为黑色。

直接border=1，或者使用css

img {
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
/定义边框/

颜色需要在css里边加上

border-top-color: #FF0000;
border-right-color: #FF0000;
border-bottom-color: #FF0000;
border-left-color: #FF0000;

 border: 1px solid transparent;
 border-color: transparent;
 
 border-color: rgba(0,0,0,0);

之类的就行了啊

这是html表格标记<table>的属性，
border="1" 是让表格边框线的粗细为1像素，cellpadding="0" 是让单元格边框线与单元格中的内容之间的距离为0像素，即单元格中内容紧挨着单元格的边线， cellspacing="0" 是让各单元格之间的缝隙为0象素。
如<table width="200" border="1" cellpadding="0" cellspacing="0">
表示这个表格宽度为200象素，边框粗细为1象素，单元格和格中的内容距离为0象素，单元格之间的距离为0象素，画出的表格看起来是一个单线的表格。

---