当前位置：Gxlcms > css > 推荐一篇利用th,colgroup,col定义表格样式_经验交流

推荐一篇利用th,colgroup,col定义表格样式_经验交流

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

定义表格各列的样式，不用每个td都在那里加一堆的Class，利用th,colgroup,col等属性，轻松搞定^_^
代码如下：

代码如下:

 
        TagName     ClassName     CSS   
                          table     Demo     border-collapse: collapse;
color: #454545;
font: 11px/150% Verdana, Arial, Helvetica, sans-serif;   
     th          padding: 3px 7px;
border: 1px solid #f60;
border-width: 2px 1px 1px;
background: #ffffe1;    
     td          padding: 3px 7px;
border: 1px solid #f60;   
     col     Col1     text-align: right;
background: #f5f5f5;   
     col     Col2     color: #00c;   
     col     Col3     font-style: italic;

TagName	ClassName	CSS
table	Demo	border-collapse: collapse; color: #454545; font: 11px/150% Verdana, Arial, Helvetica, sans-serif;
th		padding: 3px 7px; border: 1px solid #f60; border-width: 2px 1px 1px; background: #ffffe1;
td		padding: 3px 7px; border: 1px solid #f60;
col	Col1	text-align: right; background: #f5f5f5;
col	Col2	color: #00c;
col	Col3	font-style: italic;

抛砖引玉，更多效果就由你DIY了！

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

推荐一篇利用th,colgroup,col定义表格样式_经验交流

人气教程排行