在制作表格的过程中，除了要设置单元格宽度和高度等基本属性外，也需要给表格加上虚线框，以突出表格的整体性和美观性。那么怎样才能让表格设置虚线框呢？本文将为大家详细介绍。
1、使用CSS样式设置表格边框
首先，在HTML中创建一个表格后，可以通过CSS样式来设置表格的边框。具体方式是，在style标签内添加如下代码：
table{
border:1px dashed #999;
}
这里，“border”表示边框的宽度和样式，“dashed”表示虚线样式，“#999”表示颜色值。按照以上操作，就可以让表格边框显示为虚线。
2、利用表格属性设置虚线框
其次，还可以通过表格属性的方式设置虚线框。具体操作如下：
在HTML中创建一个表格后，给table标签添加以下属性：
border="1" bordercolor="gray" style="border-style:dashed;border-width:1px;"
其中，border属性表示边框的宽度，bordercolor属性表示边框的颜色，style属性表示边框的样式。按照以上操作，就可以让表格边框显示为虚线。
3、使用JavaScript动态设置边框
最后，借助JavaScript也可以实现动态设置表格边框。具体操作如下：
在HTML中创建一个表格后，添加以下JavaScript代码：
window.onload = function(){
var table = document.getElementsByTagName("table")[0];
for(var i = 0; i < table.rows.length; i++){
for(var j = 0; j < table.rows[i].cells.length; j++){
table.rows[i].cells[j].onmouseover = function(){
this.style.border = "1px dashed #999";
}
table.rows[i].cells[j].onmouseout = function(){
this.style.border = "none";
}
}
}
}
以上代码的作用是，当鼠标移动到表格的单元格上时，会将边框的样式改为虚线；当鼠标移动回来后，边框样式又恢复为原来的状态。
以上三种方法均可实现给表格添加虚线框的效果，其中第一种最为简便，适合初学者使用。无论采用哪种方式，都可以让表格的美观度和整体性得到提升。