html怎么设置table边框

html怎么设置table边框,第1张

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6158277.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存