/

/

Login

Sign up

Submission

Wishlist

Reading list

Helps

关于表格的一些记录

这篇旧文集中记录了表格显示与边框控制的实用招数：隐藏横竖分隔线、让边框闪烁、分行下载，以及多种表格样式与边框显…

小 虾 的头像
小 虾

·

1 min read 1 min
0
1
1698

/
生猛大蝦 - colorful 3d shapes vaporwave style

转自蓝色理想论坛


1.表格的分隔线可以隐藏

可以隐藏横向的分隔线

可以隐藏纵向的分隔线

可以隐藏横向和纵向的分隔线

2.表格的边框不断在闪

以下方法可以令表格的边框不断在闪，很实用的
在BODY区加上

加入任意的物件.加入任意的物件.

加入任意的物件.加入任意的物件.

加入任意的物件.加入任意的物件.

3.表格分行下载

这个对表哥内容很大比较实用

在需要分行下载处加上

比如：

flsdjfsdjfkdsjf
skdjfsdjfksd
flsdjfsdjfkdsjf
skdjfsdjfksd

4.几种样式不同的表格

普通表格

5.正立方表格

正立方表格

6.细表格

细表格

7.立体表格

立体表格

8.无名表格

无名表格

　

　

9.表中表效果Ⅱ

表中表效果Ⅱ

10.表中表效果Ⅰ

表中表效果Ⅰ

　

　

11.表格中边框的显示

只显示上边框

只显示下边框

只显示左、右边框

只显示上、下边框

只显示左边框

只显示右边框

不显示任何边框

Sorry，修改了一下，禁止笑脸转换了。：）

📌 生猛大蝦编辑部 · 背景与实操延伸

这篇记录虽然篇幅短，但核心是老式网页时代的表格排版经验：通过边框、分隔线和嵌套结构，快速做出不同视觉层次。实操时要留意，表格更适合承载结构化数据，不宜滥用来做整页布局；若遇到边框显示异常，优先检查单元格边框、表格整体边框和嵌套层级是否冲突。对今天的页面开发来说，这些技巧仍能帮助理解表格渲染逻辑与视觉控制思路。

❓ 延伸问答与排错指南（FAQ）
表格分隔线怎么隐藏？

思路就是分别控制横向与纵向分隔线的显示状态：可以只隐藏横线、只隐藏竖线，或者两者一起隐藏。实际操作时要注意别把整体边框也一并关掉，否则表格结构会失去层次感。

表格边框闪烁有什么用途？

这种做法主要是为了让表格区域更醒目，常见于需要提示用户注意的内容块。实现时通常是在页面主体中加入对应设置，再配合表格内容展示；但要注意别过度使用，否则会影响阅读体验。

表格内容很多时怎么分行下载？

可以在需要分行下载的位置插入相应标记，把长内容拆成多个段落或行块，让浏览器按段处理。这样更适合内容量大的表格页面，能减少一次性加载压力，也方便后续维护和排版调整。

Share with

/

一条对“关于表格的一些记录”的回复

  1. 恬玮儿 的头像
    恬玮儿

    FF下错位了。。。

    /

    回复

    /

    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理。

0

/

0%
延伸阅读 · 猜你喜欢