html网页设计怎么给表单加边框，如何在html的表格中加入边框线

本文目录一览

1，如何在html的表格中加入边框线
2，怎么设置HTML表格细边框

1，如何在html的表格中加入边框线

在网上找了好几种方法，结果做完后，效果都不理想，有时候修改表格中的内容后，边框线就莫名其妙的没有了。最终试了一下，还是利用加表格背景色的方法还是保险一点。方法如下：1、在中加入style="background-color:#333333"语句。2、在后续的中加入style="background-color:#ffffff"语句。这种方法在宁夏教育公共服务平台中运行，完全可以，但在其他网站中就不太清楚了。当然，如果有更好的方法，也请大家多多指教。

如何在html的表格中加入边框线

2，怎么设置HTML表格细边框

代码如下：<table border="1px" cellspacing="0px" style="border-collapse:collapse">

<p>对于很多初学html的人来说，表格<table>是最常用的标签了，但对于表格边框的控制，很多初学者却不甚其解。</p> <p>一般我们用表格的时候总会给它个border属性，比如：<table border="1">，</p> <p>其效果如下：</p> <table border=1> <tbody> <tr> <td>id</td> <td>name</td> <td>gender</td></tr> <tr> <td>1001</td> <td>mike</td> <td>male</td></tr></tbody></table> <p>可以发现表格的边框好像很宽，当然这里的“很宽”绝对不是表格border的宽，大家看到的宽应该是<td>之间有间隙所致。因此只需要修改表格的cellspacing属性即可，即：</p> <p><table border="1px" cellspacing="0px">，</p> <p>效果如下：</p> <table border=1 cellspacing=0> <tbody> <tr> <td>id</td> <td>name</td> <td>gender</td></tr> <tr> <td>1001</td> <td>mike</td> <td>male</td></tr></tbody></table> <p>但是，好像宽度还是没有我们想象的那样：只有一个像素的宽，其实，上图大家看到的其实是两个像素的宽，为什么呢，这是因为<td>之间的边框没有重合所致。修改表格的border-collapse属性即可，</p> <p>即</p> <p><table border="1px" cellspacing="0px" style="border-collapse:collapse"></p> <table border=1 cellspacing=0> <tbody> <tr> <td>id</td> <td>name</td> <td>gender</td></tr> <tr> <td>1001</td> <td>mike</td> <td>male</td></tr></tbody></table> <p>再给表格加个颜色，</p> <p><table border="1px" bordercolor="#000000" cellspacing="0px" style="border-collapse:collapse"></p> <table border=1 cellspacing=0 bordercolor=#000000> <tbody> <tr> <td>id</td> <td>name</td> <td>gender</td></tr> <tr> <td>1001</td> <td>mike</td> <td>male</td></tr></tbody></table>还有更多的dreamweaver、css的学习方法，可以参考以下网站： <a href="http://wenwen.soso.com/z/urlalertpage.e?sp=shttp%3a%2f%2fholycity.com.cn%2findex.htm" target="_blank">http://holycity.com.cn/index.htm</a>

style="border:1px solid #999"

代码如下：<table border="1px" cellspacing="0px" style="border-collapse:collapse">

style="border:1px solid #999"

怎么设置HTML表格细边框