使用CSS生成精细的行表并不需要复杂的样式代码。

很多时候，复杂的样式代码被用来生成这样的表单，导致页面的可读性和可读性很差，建议使用CSS生成一个细线形式，感兴趣的朋友可以理解它。

漂亮的窗体是前端开发中使用的组件。很多时候我们使用复杂的页面样式代码来生成这样的表单，导致页面的修改和可读性非常差，建议直接使用CSS生成一个细线形式。

使用方法也很简单：

第一：进口table.css

复制代码代码如下所示：
第二：格式化格式

复制代码代码如下所示：
你只需要为表格设置样式class=表，而不需要任何的TR和TD操作。你也可以写style=宽度：600px 为了更灵活的表格的宽度控制。如果你把它直接table.css，没有问题。如果你想要TD有背景色，你只需要设置TD样式颜色。当然，它可以直接与CSS中的表达式隔行，但是这会降低页面的效率。不建议在CSS中使用表达式。

如果你想微调的风格，你只需要调整table.css，你不需要改变任何网页的HTML代码。如果你想改变边框的颜色，在table.css找到颜色值：# add8e6，并取代所有的颜色你想要的。阑尾是一具体的例子。

table.css源代码：

复制代码代码如下所示：
*表样式。
{。表
宽度：100%；
填料：0px；
保证金：0px；
字体：宋体，Arial，Verdana，无衬线体，歌；
左边界：1px solid # add8e6；
边界塌陷：塌陷；
}
*页眉样式。
表{
字体大小：12px；
字体重量：600；
颜色：# 303030；
边境：1px solid # add8e6；
底部边框：1px solid # add8e6；
边境上：1px solid # add8e6；
字母间距：2px；
文本对齐：左对齐；
填料：10px 0px 10px 0px；
背景：URL（。 / / tablehdbg PNG图像。）；
白色的空间：不换行；
文本对齐：中心；
溢出：隐藏；
}
单元格样式。
table
边境：1px solid # add8e6；
底部边框：1px solid # add8e6；
背景：# FFF；
字体大小：12px；
填料：3px 3px 3px 6px；
颜色：# 303030；
单词破解：全部中断；
换行词；
空白：正常；
}
蓝色单元格样式，主要用于交错颜色。
表颜色{
背景：# edf7f9；
}
表超链接样式。
表TD：链接{
字体重量：400；
颜色：# 2259d7；
文字装饰：无；
单词破解：全部中断；
换行词；
空白：正常；
}
表：a：访问{
字体重量：400；
颜色：# 2259d7；
文字装饰：无；
单词破解：全部中断；
换行词；
空白：正常；
}
表TD：悬停{
字体重量：400；
文字装饰：下划线；
颜色：# 303030；
单词破解：全部中断；
换行词；
空白：正常；
}
表TD A：活动{
字体重量：400；
文字装饰：无；
颜色：# 2259d7；
单词破解：全部中断；
换行词；
空白：正常；
}