table样式
原文出处：https://blog.csdn.net/hello_mr_anan/article/details/70257627?locationNum=3&fps=1
漂亮的table表格样式css源码漂亮的table表格样式
源码
<head>
<title></title>
<style type="text/css">
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;
}
</style>
</head>
<body>
<table width="90%" class="table">
<caption>
<h2>
车间能源消耗比例</h2>
</caption>
<thead>
<tr>
<th>
车间
</th>
<th>
产量
</th>
<th>
电量
</th>
<th>
单耗
</th>
</tr>
</thead>
<tr>
<td>
109
</td>
<td>
13
</td>
<td>
1.34
</td>
<td>
213
</td>
</tr>
<tr>
<td>
109
</td>
<td>
13
</td>
<td>
1.34
</td>
<td>
213
</td>
</tr>
<tr>
<td>
109
</td>
<td>
13
</td>
<td>
1.34
</td>
<td>
213
</td>
</tr>
<tr>
<td>
109
</td>
<td>
13
</td>
<td>
1.34
</td>
<td>
213
</td>
</tr>
<tr>
<td>
109
</td>
<td>
13
</td>
<td>
1.34
</td>
<td>
213
</td>
</tr>
<tr>
<td>
109
</td>
<td>
13
</td>
<td>
1.34
</td>
<td>
213
</td>
</tr>
</table>
</body>
</html>
相关阅读
在学习USB驱动时，会看到下面的代码：MODULE_DEVICE_TABLE(usb, id_table);MODULE_DEVICE_TABLE宏的定义如下： #define MODULE_DEVICE_
SSM框架中 出现的406 (Not Acceptable)
首先，需要清楚，http state 406代表什么意思：406是HTTP协议状态码的一种，表示无法使用请求的特性来响应请求的网页。一般指客户端浏览
提交自上次调用 AcceptChanges 以来对该表进行的所有更改。调用 AcceptChanges 后，再用 DataAdapter.Update() 不会有任何新数据被
Tableau官方文档翻译（一）：Measures和Dimensions的区别
最近在学习Tableau，发现这是一个强大的BI工具， 只需要简单的拖拉拽以后就可以生成看上去很高大上的数据图表，感觉就一个字：牛逼！ 但
效果预览： 代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>html 简单的table样