当前位置：Gxlcms > html代码 > 使用CSS实现表格细边框的三种方式_html/css_WEB-ITnose

使用CSS实现表格细边框的三种方式_html/css_WEB-ITnose

时间：2021-07-01 10:21:17 帮助过：23人阅读

说到表格，虽说随着前端技术的发展div已经遍地开花彻底推翻了table布局的时代。可是当遇到报表之类的操作是table还是非常值得使用的。

由于操作表格的时候不可避免使用到细边框效果，所以我就整理了一下常用的三种实现细边框表格的方式，分享给大家，代码如下：

细边框表格的实现方式

Demo1

Title1	Title2	Title3
Row1-01	Row1-02	Row1-03
Row2-01	Row2-02	Row2-03

Demo2

Title1	Title2	Title3
Row1-01	Row1-02	Row1-03
Row2-01	Row2-02	Row2-03

Demo3

Title1	Title2	Title3
Row1-01	Row1-02	Row1-03
Row2-01	Row2-02	Row2-03

效果图：

人气教程排行