html中设置表格表框为2px的方法

html-css020

html中设置表格表框为2px的方法,第1张

就要用到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

html是一种网页代码,即在网页中显示的格式,当需要表格左右显示不同的颜色时,可以分开设置,如:

border-top:1px solid red

border-right:1px solid blue

border-bottom:1px solid orange

border-left:1px solid pink。

HTML简介:

HTML不是编程语言,是用来描述网页文档(页面结构)的一种标记语言;

HTML指超文本标记语言(Hyper Text Markup Language),之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。;

HTML规定了自己的语法规则,用来表示比“文本”更丰富的意义,比如图片,表格,链接等。浏览器 (IE,FireFox等)软件知道HTML语言的语法,可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。

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、运行后的效果: