Blog Content
好看的table的css样式
前端相关
2007-10-10 23:19:09
table{ /* 表格整体样式 */
margin:50px; /* 外边距50px */
border-collapse:collapse; /* 合并为单一的边框线 */
}
/* 设置tb1类的表格样式 */
table.tb1 td{padding:10px;border:1px solid green;}
/* 设置tb2类的表格样式 */
table.tb2 td{padding:20px;border:5px dashed blue;}好看的css table
table
{
border-collapse: collapse;
margin: 0 auto;
text-align: center;
}
table td, table th
{
border: 1px solid #cad9ea;
color: #666;
height: 30px;
}
table thead th
{
background-color: #CCE8EB;
width: 100px;
}
table tr:nth-child(odd)
{
background: #fff;
}
table tr:nth-child(even)
{
background: #F5FAFA;
}
车间能源消耗比例
|
车间
|
产量
|
电量
|
单耗
|
|
109
|
13
|
1.34
|
213
|
|
109
|
13
|
1.34
|
213
|
|
109
|
13
|
1.34
|
213
|
|
109
|
13
|
1.34
|
213
|
|
109
|
13
|
1.34
|
213
|
|
109
|
13
|
1.34
|
213
|