html设置table的边框的方法是使用border 属性实现。
说明：
border 属性规定表格单元周围是否显示边框。
值 "1" 指示应该显示边框，且表格不用于布局目的。
在 HTML5 中，border 属性仅用于指示表格是否用于布局目的，且只允许属性值 "" 或 "1"。
完整用法举例：
1、html中的table代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>table的边框</title>
</head>
<body>
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
</body>
</html>
2、运行后的效果：
就要用到border-width属性border-width:1px 1px 1px 1px,从左往右依次是上边框，右边框，下边框，左边框，根据自己需要进行赋值即可
border-width:2px 4px 6px,代表上边框2px,右边框4px,下边框6px,左边框没有值，就默认和右边框一样
border-width:2px 4px，有两个值代表上下边框为2px，左右边框为4px
border-width:2px代表四条边框均为2px
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）