table边框（html中怎么设置table的边框颜色，只要外面一圈，不要网格线）

本文目录

• html中怎么设置table的边框颜色，只要外面一圈，不要网格线
• html怎么设置table边框
• 如何用css控制table的边框宽度和边框颜色
• table 边框线
• 如何改变table的边框线颜色
• 如何给table表格的tr行加边框
• 网页里table的行列边框控制问题
• html怎样设置table的边框
• 怎么隐藏table所有边框

html中怎么设置table的边框颜色，只要外面一圈，不要网格线

可以使用css的border标签实现table的边框颜色，只要外面一圈，不要网格线。

具体步骤如下：

需要准备的材料分别是：电脑、浏览器、ultraedit。

1、在ue器中新建一个空白的html文件，css文件。

2、在ue器中输入以下html代码。

3、在ue器中输入以下css代码。

4、完成以后，在ue器中点击保存，格式选择UTF8无BOM。

5、在浏览器中打开此html文件，可以看到最终想要实现的table的边框颜色，只要外面一圈，不要网格线效果。

html怎么设置table边框

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

如何用css控制table的边框宽度和边框颜色

可以通过设置单元格元素td的边框样式来实现：1 border: width style color; /*分别设置边框的粗细、样式和颜色*/示例如下：在HTML代码中给出两个表格《table class="tb1"》 《tr》《td》有《/td》《td》志《/td》《td》者《/td》《/tr》 《tr》《td》事《/td》《td》竟《/td》《td》成《/td》《/tr》《/table》《table class="tb2"》 《tr》《td》苦《/td》《td》心《/td》《td》人《/td》《/tr》 《tr》《td》天《/td》《td》不《/td》《td》负《/td》《/tr》《/table》分别设置不同的样式table{ /* 表格整体样式 */ margin:50px; /* 外边距50px */ border-collapse:collapse; /* 合并为单一的边框线 */}/* 设置tb1类的表格样式 */table.tb1 td{padding:10px;border:1px solid green;}/* 设置tb2类的表格样式 */table.tb2 td{padding:20px;border:5px dashed blue;}

table 边框线

试一下这段:《table width="100%" border="0" cellpadding="2" cellspacing="0"》 《tr》 《td width="100%"》 《table border="0" cellpadding="3" cellspacing="1" width="100%" align="center" style="background-color: #b9d8f3;"》 《tr style="text-align: center; COLOR: #0076C8; BACKGROUND-COLOR: #F4FAFF; font-weight: bold"》 《td》《font size="2"》列1《/font》《/td》 《td》《font size="2"》列2《/font》《/td》 《td》《font size="2"》列3《/font》《/td》 《/tr》《tr bgcolor=’#F4FAFF’》 《td nowrap="nowrap" align="left"》11《font size="2"》《/td》 《td align="right"》《font size="2"》22《/font》《/td》 《td align="right"》《font size="2"》33《/font》《/td》 《/tr》 《/table》 《/td》 《/tr》《/table》主要是利用网页背景色和表格背景色的不同来设置边框,把单元格间的距离设置为cellspacing="1"就能显示表格边框了.

如何改变table的边框线颜色

《table width="100%" cellpadding="0" cellspacing="0" bgcolor="#a1a1a1" id="table2"》---此处设置外边框颜色《tr 》《td bgcolor="#ffffff" colspan="6" height="25" align=center》《font color=#ea5e01 size=3》《strong》房屋基本信息《/strong》《/font》《/td》《/tr》 《tr》《td bgcolor="#E6E6FA" height="25" width="13%" align=center》房屋状态《/td》《td bgcolor="#ffffff" width="20%" valign=center 》---此处设置单元格边框颜色$TYPE$《/td》《td bgcolor="#E6E6FA" width="13%" align=center 》房屋类别《/td》此处设置单元下边框颜色《td bgcolor="#ffffff" width="20%" valign=center 》$FWLB$《/td》《td bgcolor="#E6E6FA" width="13%" align=center》所在地区《/td》《td bgcolor="#ffffff" width="20%" valign=center 》$XS$《/td》《/tr》《/table》

如何给table表格的tr行加边框

写了两种方法，你看看吧，也许有用方法一：《table width="200px" height="200px" frame="box"》 《tr》 《td style="border:1px solid red"》《/td》 《td style="border:1px solid red"》《/td》 《/tr》 《tr》 《td style="border:1px solid blue" colspan="2"》《/td》 《/tr》 《tr》 《td style="border:1px solid red" colspan="2"》《/td》 《/tr》 《tr》 《td style="border:1px solid blue" colspan="2"》《/td》 《/tr》《/table》这种方法是设置行内每个单元格的样式方法二：《table width="200px" height="200px" frame="box"》 《tr bordercolor="#FF0000"》 《td 》《/td》 《td》《/td》 《/tr》 《tr bordercolor="#FF0000" 》 《td colspan="2"》《/td》 《/tr》 《tr bordercolor="#FF0000" 》 《td colspan="2"》《/td》 《/tr》 《tr bordercolor="#FF0000" 》 《td 》《/td》 《/tr》《/table》两个方法的《table》《/table》标记里都加frame="box"

网页里table的行列边框控制问题

给这些《td》标签添加 style="border-bottom:1px solid red" 或者用外部css指定类。

《html》《head》《style》.ooo tr td{border-bottom:1px solid red;}《/style》《/head》《body》《table class="ooo"》  《tr》    《td》这行有下边框《/td》    《td》这行有下边框《/td》    《td》这行有下边框《/td》  《/tr》  《tr》    《td》这行有下边框《/td》    《td》这行有下边框《/td》    《td》这行有下边框《/td》  《/tr》《/table》《/body》

html怎样设置table的边框

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

怎么隐藏table所有边框

隐藏table所有边框有以下两种方式：

一、直接通过table的属性定义：

《table border="0"》《/table》

如下，直接给通过table的border属性，将其设置为0即可。

二、通过css样式控制：

《table class="tablebox"》    《tr》《td》《/td》《/tr》《/table》《style》    .tablebox{border:0;}    .tablebox td{border:0;}《/style》

通过css控制其边框，这样的话一定要在td上也写上。因为css如果只写table的，那就只是整个table的大边框被去掉，内部单元格的必须单独设置td。