html: 表格边框的设置

最新推荐文章于 2025-06-22 10:45:00 发布

weoln

最新推荐文章于 2025-06-22 10:45:00 发布

阅读量2k

点赞数

分类专栏： JavaScript 文章标签： html border table

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种在HTML中创建具有细边框的表格的方法。通过使用两个嵌套的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 >   </ td >

</ tr >

< tr bgcolor ="#FFFFFF" >

< td >   </ td >

</ tr >

</ table ></ td >

</ tr >

</ table >

　　Trackback: http://tb.blog.youkuaiyun.com/TrackBack.aspx?PostId=1384171 本文转自 http://blog.youkuaiyun.com/gavin_sw/archive/2006/11/14/1384171.aspx

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weoln

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【HTML02】HTML表格语法、细边框实现-附带案例-作业

商务合作 / 项目定制开发 / 前端一对一培训、答疑

06-18

2931

将table的border属性设置为1，然后使用CSS的属性border-collapse属性设置为collapse，来合并边框。将table的border属性设置为1，然后使用另外的html表格属性cellspacing来合并边框。找到要跨行的第一个单元格，给他添加rowspan=“要跨的行数，比如2” 找到要跨行的第一个单元格，给他添加colspan=“要跨的列数，比如2” 找到另外一行的那个单元格，将其删除或注释。找到另外一列的那个单元格，将其删除或注释。创建单元格，td、th。

html表格内框线怎么设置颜色,word表格样式 Word中如何设置表格的边框线样式和颜色...

weixin_27017211的博客

07-04

862

word表格样式 Word中如何设置表格的边框线样式和颜色，平凡的世界平凡的你，努力学习使我们变得不平凡，今天要介绍的知识是word表格样式的相关知识，你准备好学习word表格样式 Word中如何设置表格的边框线样式和颜色了吗，赶紧搬好小板凳，跟我一起来学习这个知识吧！在Word中完成表格制作工作后，我们可以将表格中的边框线的线形设置成各种样式，不仅不如此，我们还可以将边框线的颜色自由设置。这样的...

参与评论您还未登录，请先登录后发表或查看评论

50多种CSS表格边框样式精粹

weixin_36311421的博客

06-22

1149

CSS动画是通过在元素上应用关键帧来实现的。CSS 提供了一组关键的动画属性，包括@keyframes规则，它定义动画序列；以及animation属性，它控制动画如何播放。div {@keyframes规则定义了动画的关键帧序列。在这个例子中，从红色到黄色。属性链接到@keyframes规则的名字。属性定义了动画的播放时长。CSS伪类选择器主要用于定义元素的特殊状态，例如用户交互状态、文档树中的位置或者子元素的类型。

html的表无内边框设置,第二讲网页制作基础语言HTML.ppt

weixin_42297439的博客

06-25

450

第二讲网页制作基础语言HTML第二部分信息组织网络信息组织基础语言HTML;2.1 HTML简介2.2 HTML文档的基本结构2.3 网页文件的创建过程2.4 段落标记2.5 文字标记2.6 超链接2.7 图片2.8 列表2.9 表格2.10 字幕、音频和视频2.11 框架(多窗口页面)2.12 表单; HTML是Hypertext Markup L...

CSS控制表格边框(属性)以及实现细线表格

dwjdj的博客

01-21

2671

CSS控制表格边框可以为表格标签定义宽，高和边框样式，并为单元格单独设置相应的边框。如果只设置

web前端学习（八）——HTML5中表格、边框的相关标签设置

最新发布

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表格边框

星尘

09-28

4347

内边框：隐藏横向分割线 rules = cols 隐藏竖向分割线 rules = rows 隐藏所有分割线 rules = none 外边框：只显示上边框 frame = above 只显示下边框 frame = below 只显示左右边框 frame = vsids 只显示山下边框 frame = hsides 只显示左边框 frame = lhs 只显示右边框 frame = rhs ...

CSS样式简单实现Table没有外边框只有内边框

09-25

Table默认是有外边框，有内边框的，那么如何通过css样式简单实现Table没有外边框，只有内边框呢？下面有个不错的示例，大家可以看看

CSS给表格增加单边框样式

xiaofeiwei521的博客

02-09

1283

问题还原：在做项目中，表格是必不可少的内容，经常用到。那么如何给表格做单边框的展示效果那？解决方案：本人此处介绍通过CSS样式来实现的一种方式。展示效果如下图所示：具体代码如下。 CSS代码： table { width: 100%; text-align: center; min-height: 25px; line-height: 25px; border-collapse: collapse; padding: 2px; } table, table tr th, table t

css写箭头

dengkecou4635的博客

07-26

327

/* 向上的箭头 */ .dot-top { font-size: 0; line-height: 0; border-width: 10px; border-color: red; border-top-width: 0; border-style: dashed; border...

HTML&CSS基础学习笔记1.18-表格的边框

octopole的博客

07-27

496

html表格边框的设置

HTML5表格元素

在到处之间找我

02-21

595

表格有三大元素：table、tr、td。表格表格由<table>标签来定义。每个表格均有若干行（由<tr>标签定义），每行被分割为若干单元格（由<td>标签定义）。字母tr指表格行（table row）；字母td指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等。<!DOCTYPE htm...

HTML表格去掉边框编程

CyberBladeX的博客

09-27

1378

默认情况下，HTML表格会带有边框，但有时我们希望去掉表格的边框，以使其在页面上更加美观。本文将介绍如何使用HTML和CSS编程去掉表格的边框，并提供相应的源代码示例。通过使用HTML和CSS，我们可以轻松地去掉HTML表格的边框，使其更符合网页设计的需求。你可以根据自己的实际情况调整CSS样式，以满足特定的设计要求。首先，我们创建一个简单的HTML表格，包含几行几列的数据。将上述代码保存为HTML文件，并在浏览器中打开该文件，你将看到表格的边框已经被成功去掉了。将表格的边框合并为单一的边框。

html无边框网格,table没有网格线_html/css_WEB-ITnose

weixin_42511315的博客

06-21

624

?我不想要这种效果，线之间不要有间隔，怎么弄？还有就是讲下border，margin和padding的区别，谢谢。table{ border:1px solid #515151; border-collapse:collapse;}table tr td{ border-bottom:1px solid #515151; border-right:1px solid #515151;;line-h...

使用CSS美化HTML表格：边框设置技巧

"本文介绍了如何使用CSS来设置HTML表格的边框，包括1px边框、粗边框、虚线边框、点线边框...通过这些示例，我们可以了解到CSS在设置HTML表格边框方面的灵活性，可以根据需要创建各种边框效果，从而提升表格的视觉表现。