table表格设置边框(table表格边框设置css)

html怎样设置table的边框

html设置table的边框的方法是使用border?属性实现。

说明：

border 属性规定表格单元周围是否显示边框。

值 "1" 指示应该显示边框，且表格不用于布局目的。

在 HTML5 中，border 属性仅用于指示表格是否用于布局目的，且只允许属性值 "" 或 "1"。

完整用法举例：

1、html中的table代码如下：

!DOCTYPE html

html

head

meta charset="utf-8"

titletable的边框/title

/head

body

table border="1"

tr

? thMonth/th

? thSavings/th

/tr

tr

? tdJanuary/td

? td$100/td

/tr

tr

? tdFebruary/td

? td$80/td

/tr

/table

/body

/html

2、运行后的效果：

table的内、外边框设置

table{

border: 1px solid red; border-collapse:collapse;

}

使边框合并变细

表格细边框的CSS样式怎么设置？

指定的table为细边框，把table放在div中即可。

一、首先新建表格，代码如下：

table width="500" border="1"? trtdnbsp;/tdtdnbsp;/tdtdnbsp;/td/tr trtdnbsp;/tdtdnbsp;/tdtdnbsp;/td /trtr? tdnbsp;/td tdnbsp;/tdtdnbsp;/td/tr/table。

二、在table里加css样式，代码如下：

table width="500" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse;"? tr tdnbsp;/tdtdnbsp;/td tdnbsp;/td /tr tr tdnbsp;/tdtdnbsp;/tdtdnbsp;/td/tr trtdnbsp;/tdtdnbsp;/tdtdnbsp;/td/table。

三、单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间。单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离，border-collapse:collapse表示表格的两边框合并为一条即可。