html: 表格边框的设置

最新推荐文章于 2024-08-07 02:17:51 发布
最新推荐文章于 2024-08-07 02:17:51 发布
阅读量4.4k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： html 文章标签： html border table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/gavin_sw/article/details/1384171
本文介绍了一种通过使用双层table元素来精确控制HTML表格边框宽度的方法，避免了直接设置border属性带来的边框过宽的问题。通过内外两层table的配合，实现了1像素的精确边框。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

如果直接将table中的border置1，则表格的边框大于1。可以写两个table，一个作为背景，其背景颜色就是我们所有的边框颜色；另一个表格border="0" cellpadding="0" cellspacing="1"，可实现想要的结果：


<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td bgcolor="#000000"><table width="300"  border="0" cellpadding="0" cellspacing="1">
      <tr bgcolor="#FFFFFF">
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr bgcolor="#FFFFFF">
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
【HTML02】HTML表格语法、细边框实现-附带案例-作业
商务合作 / 项目定制开发 / 前端一对一培训、答疑
06-18 2932
将table的border属性设置为1，然后使用CSS的属性border-collapse属性设置为collapse，来合并边框。将table的border属性设置为1，然后使用另外的html表格属性cellspacing来合并边框。​ 找到要跨行的第一个单元格，给他添加rowspan=“要跨的行数，比如2”​ 找到要跨行的第一个单元格，给他添加colspan=“要跨的列数，比如2”​ 找到另外一行的那个单元格，将其删除或注释。​ 找到另外一列的那个单元格，将其删除或注释。​ 创建单元格，td、th。
html语言中表格只要外边框,制作表格边框的HTML语言解释
weixin_34000790的博客
05-30 1906
先看懂这个代码:table:这是一个做边框的元素,要描述内容的属性都写在由它组成的开始标签里.tr:描述列的元素,列就是从上到下的行.td:描述框的元素table的属性常用的有:width= 边框宽度，接受绝对值(如180)及相对值(如 80%,相对可显示的宽度)height= 边框高度，接受绝对值(如 180)border= 边框的厚度.cellspacing= 内边框离外边框距离cellpad...
html做表格只显示表格的外边框
09-22
主要介绍了html做表格只显示表格的外边框，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
html中table边框属性
weixin_34235371的博客
12-28 610
1.向右（横向）合并： &lt;td colspan="5"&gt;&lt;span&gt;后台管理系统&lt;/span&gt;&lt;/td&gt; 2.向下（纵向）合并： &lt;td rowspan="5"&gt;&lt;span&gt;后台管理系统&lt;/span&gt;&lt;/td&gt; 3.合并边框线（为表格设置合
HTML中正确设置表格table边框border的三种办法
weixin_37087311的博客
08-07 4430
html中如果设置table的border为1px，实际会产生双线，十分不美观，那么在HTML中如何正确设置表格table边框border呢？第一种方法：　　1、将table的属性设置为：BORDER=0 、cellspacing=1 ；　　2、设置table的背景色为即你要设置的table的边框颜色；　　3、设置所有td...
html表格边框的设置
热门推荐
wqjsir的专栏
12-28 9万+
html表格边框的设置 这里介绍两种html表格边框的设置方法。 第一种是直接使用表格的border属性设置 第二种是利用表的背景色来设置边框 先来看第一种   源码 直接使用表的 "border" 属性设置边框线 名称 分类 苹果
HTML技巧：如何将表格边框设置为细线
最新发布
07-07
对于HTML新手来说，制作表格时常常会遇到如何调整表格边框粗细的问题。默认情况下，表格的边框可能会显得比较粗，但有时我们希望将其改为更精致的细线。以下是一个简单的小技巧，帮助你轻松实现这一效果。 在HTML中...
HTML表格标记教程(2):表格的边框属性BORDER
09-28
然而，对于简单的页面或初学者来说，`BORDER`属性仍然是一个快速设置表格边框的好方法。 总结一下，`BORDER`属性是HTML表格中用来定义边框宽度的一个重要属性，它允许我们根据需要创建不同宽度的边框，从而增强表格...
HTML表格标记教程(5):亮边框色属性BORDERCOLORLIGHT
12-12
在表格中可以单独定义左上边框的颜色，也可以定义单元格中右下边框的颜色，这两个位置的边框色我们称之为亮边框。 基本语法 语法解释 定义颜色的时候，可以使用英文颜色名称或十六进制颜色值表现。 文件范例：10-5....
HTML表格标记教程(29):单元格的亮边框色属性BORDERCOLORLIGHT
12-13
总的来说，`bordercolorlight`属性在HTML4中用于设置单元格亮边框的颜色，尽管在HTML5中已不推荐使用，但它仍然是HTML表格标记历史的一部分，对于理解和维护旧代码有一定的帮助。为了创建现代、语义化的网页，我们...
网页表格线框html,网页表格中单元格线条及边框的设置
weixin_42405890的博客
06-11 1132
其实上面的三个表格都有三行三列，隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到标签中都有rules。它有三个参数(cols,rows,none)，当rules=cols时，表格会隐藏纵向的分隔线，这样我们就只能看到表格的行；当rules= rows时，则 隐藏了横向的分隔线，这样我们只能看到表格的列；而当rules=none时，纵向分隔线和横向分隔线将全部隐藏。表格边框的显示...
html表格只设外边框，只设内边框
qq_50846089的博客
05-31 7789
表格只设外边框，只设内边框的情况
html给table加外边框,html如何给table表单加边框
weixin_39876002的博客
06-04 1920
表格边框如↑图，这个时候我们发现，css中的border其实就是给表格加了一个外边框而已五、border-collapse: collapse 边框合并，该属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示这个时候如果我们只是想给表格整体加边框，并且不需要边距和间距，其实我们只需要这么写：内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内...
蓝易云：html实现原生table并设置表格边框的两种方式
高性价比服务器就选：蓝易云
08-21 2908
这两种方式都可以用来实现带有边框的原生HTML表格，你可以根据需要选择适合的方式。使用CSS样式可以更灵活地控制表格的边框样式，包括线条样式、颜色、粗细等。希望以上解答对你有帮助。如果你有任何其他问题，请随时提问。使用HTML的表格边框属性可以直接设置表格的边框样式。设置每个单元格的边框为1像素的实线黑色。方式二：使用CSS样式设置表格边框。在上述代码中，通过CSS样式设置。方式一：使用HTML表格边框属性。将表格边框合并为单一边框，而。属性将设置表格的边框为实线。
html设置表格边框标签,HTML表格边框的设置小技巧_html
weixin_42505032的博客
06-30 1099
对于很多初学html的人来说，表格是最常用的标签了，但对于表格边框的控制，很多初学者却不甚其解。一般我们用表格的时候总会给它个border属性，比如：，其效果如下：IDNAMEGENDER1001mikemale可以发现表格的边框好像很宽，当然这里的“很宽”绝对不是表格border的宽，大家看到的宽应该是之间有间隙所致。因此只需要修改表格的cellspacing属性即可，即：，效果如下：IDNAM...
html table 边框设置
FTMin的博客
03-10 1317
【HTML】Table边框使用总结 ，只显示你要显示的边框(内边框，外边框) (2013-07-18 22:04:15) 转载▼ 标签：  table   border   边框   去掉   表格   分类： js/div/css/html 一、表格的常用属性 基本属性有：width（宽度）、
html设置表格边框样式
夏已微凉、
04-20 1万+
html设置表格边框样式&lt;html&gt;&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;设置表格边框样式...
html入门(1)--表格table
helongzhong的博客
11-19 757
一、 标签的 cellspacing、cellpadding 之间的区别 1、cellspacing 属性规定单元格之间的空间。 没有 cellspacing： First Row Second Row 带有 cellspacing： <table border="1" cellspacing="10"> First Row
极细表格的做法
fishhappy365的专栏
09-14 162
1. 极细表格的做法 在介绍制作极细表格边框的方法之前，我们先来看一下有关标识的作用： 　　border：指定表格边框的厚度，单位为像素，数值为0表示表格不显示边框； 　　bordercolor：指定表格边框的颜色，可用颜色名或十六进制rgb值； 　　bgcolor：指定背景颜色，可用颜色名或十六进制rgb值； 　　cellspacing：指定相邻单元格边框的间距； 　　cellp...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值