html: 表格边框的设置

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

转载最新推荐文章于 2025-06-22 10:45:00 发布 · 2k 阅读

文章标签：

#html #border #table

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种在HTML中创建具有细边框的表格的方法。通过使用两个嵌套的table元素，一个作为背景色，另一个设置间距来实现1像素宽度的边框效果。

导读：　　如果直接将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

分享到新浪微博

扫一扫
举报

举报

专栏目录

HTML表格去掉边框编程

CyberBladeX的博客

09-27

1473

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

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

weixin_27017211的博客

07-04

902

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

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

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

weixin_42297439的博客

06-25

461

第二讲网页制作基础语言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...

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

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

06-18

3062

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

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

dwjdj的博客

01-21

2684

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

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

贝尔摩德苦艾酒

12-24

2万+

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

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

星尘

09-28

4355

内边框：隐藏横向分割线 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没有外边框，只有内边框呢？下面有个不错的示例，大家可以看看

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

weixin_36311421的博客

06-22

1393

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

CSS给表格增加单边框样式

xiaofeiwei521的博客

02-09

1300

问题还原：在做项目中，表格是必不可少的内容，经常用到。那么如何给表格做单边框的展示效果那？解决方案：本人此处介绍通过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

362

/* 向上的箭头 */ .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

507

html表格边框的设置

HTML中正确设置表格table边框border的三种办法

weixin_37087311的博客

08-07

4716

html中如果设置table的border为1px，实际会产生双线，十分不美观，那么在HTML中如何正确设置表格table边框border呢？第一种方法：　　1、将table的属性设置为：BORDER=0 、cellspacing=1 ；　　2、设置table的背景色为即你要设置的table的边框颜色；　　3、设置所有td...

html表格边框的设置