很多站长朋友们都不太清楚html怎么加边线表格，今天小编就来给大家整理html怎么加边线表格，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 怎么设置HTML表格细边框 2、 html中想让表格的左边的边线显示怎么弄 3、 请问如何给HTML表格每个单元格加上边框 4、 如何在HTML中给不同的表格加线条 5、 如何在html的表格中加入边框线？ 6、 如何让html表格有虚线边框 怎么设置HTML表格细边框一般用表格的时候总会给它个border属性，比如：<table border="1">，其效果如下：
可以发现表格的边框好像很宽，当然这里的“很宽”绝对不是表格border的宽，会看到的宽应该是<td>之间有间隙所致。因此只需 要修改表格的cellspacing属性即可，即：<table border="1px" cellspacing="0px">，效果如下：
但是，这个宽度只有一个像素的宽，其实，上图看到的其实是两个像素的宽，为什么呢，这是因为<td>之间的边框没有重合所致。修改表格的border-collapse属性即可，
即<table border="1px" cellspacing="0px" style="border-collapse:collapse">
再给表格加个颜色：
<table border="1px" bordercolor="#000000" cellspacing="0px" style="border-collapse:collapse">
html中想让表格的左边的边线显示怎么弄这个可以使用css来控制边框根据不同的需求，您可以对表格和单元格应用不同的边框。您可以定义整个表格的边框也可以对单独的单元格分别进行定义。CSS的边框属性可以指定边框的大小以及颜色和类型。以下的代码定义了宽度为5个像素的黑色实线边框： TABLE { 5px solid black; } 除此以外，您还可以使用相同的语法为表格中单独的单元格分别指定边框属性。您可以使用以下的属性值来定义边框类型： l none: 指定表格没有边框，所以边框宽度为0。l dotted: 由点线组成的表格边框。l dashed: 由虚线组成的表格边框。l solid: 由实线组成的表格边框。l Double: 由双实线组成的表格边框。l Groove: 槽线效果边框。l ridge: 脊线效果边框，和槽线效果相反。l inset: 内凹效果边框。l outset: 外凸效果边框，和内凹效果相反。每个边框类型都可以指定一种颜色，边框是绘制在背景颜色上的，列表A使用边框属性来样式化整个表格以及锚标记和单独的单元格。 <html><head><title>HTML Table</title></head><style type="text/css">TABLE { background: blue; border-collapse: separate;border-spacing: 10pt; border: 5px solid red; }TD, TH { background: white; border: inset 5pt; horizontal-align: right; }CAPTION { border: ridge 5pt blue; }</style><body><table summary="TechRepublic.com - Tables and CSS"><caption>First Quarter Sales</caption><thead><tr><thabbr="salesperson" scope="col">Person</th><thabbr="sales" scope="col">Sales</th></tr></thead><tbody><tr><td>Mr. Smith</td><td>600.00</td></tr><tr><td>Mr. Jones</td><td>0000.00</td></tr><tr><td>Ms. Williams</td><td>0000.00</td></tr></tbody><tfoot><tr><td colspan="2">Let's sale, sale, sale!</td></tr></tfoot></table></body></html>
请问如何给HTML表格每个单元格加上边框<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<table cellspacing="1" bordercolor="#990000" cellpadding="1" border="1">
<tr height="16">
<td width="357" height="16">test</td>
<td>test</td>
<td width="126">test</td>
<td width="168">test</td>
<td width="252">test</td>
</tr>
<tr height="42">
<td height="42"> </td>
<td> </td>
<td> </td>
<td> </td>
<td>test</td>
</tr>
</table>
</body>
</html>
就是在table那个标签内加上border="1"的属性，给它个值就行了
如何在HTML中给不同的表格加线条这是因为上传到网页上的表格，已经不再是纯Word格式的表格了，当我们再从网上粘回来的时候，表格的线型会发生一些变化，但大框架不会有错，你只需要重设框线线型即可。 具体操作：在“预览”左边的“线型”列表中选择你需要的线型，
如何在html的表格中加入边框线？在网上找了好几种方法，结果做完后，效果都不理想，有时候修改表格中的内容后，边框线就莫名其妙的没有了。最终试了一下，还是利用加表格背景色的方法还是保险一点。方法如下：
1、在中加入style="background-color:#333333"语句。
2、在后续的中加入style="background-color:#ffffff"语句。
这种方法在宁夏教育公共服务平台中运行，完全可以，但在其他网站中就不太清楚了。
当然，如果有更好的方法，也请大家多多指教。
如何让html表格有虚线边框可以用CSS样式和HTML标签元素实现，我们选择几个常用标签对齐设置边框虚线效果：
1、html常用标签：
p标签
span
ul li
table tr td
2、实例用到CSS属性单词：
border
width
height
3、实现虚线的CSS重点介绍：
border为边框属性，如果要实现对象边框效果，要设置边框宽度、边框颜色、边框样式（实线还是虚线）：
border:1px dashed #F00 这个就是设置边框样式宽度为1px，虚线，虚线为红色。
4、实例描述：
我们对以上几个标签设置相同宽度、相同高度、边框效果。
5、完整HTML代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html边框虚线演示</title>
<style> .bor{border:1px dashed #F00;width:300px;height:60px;margin-top:10px} span{display:block}/*css注释说明：让span形成块*/
</style>
</head>
<body>
<p class="bor">p盒子</p>
<span class="bor">span盒子</span>
<ul class="bor">
<li>ul li列表</li>
<li>ul li列表</li>
</ul> <table class="bor">
<tr>
<td>表格</td>
<td>表格2</td>
</tr>
<tr>
<td>数据</td>
<td>数据2</td>
</tr>
</table>
</body>
</html>
效果图：
关于html怎么加边线表格的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html怎么加边线表格 表格如何添加边线的详细内容...