100 lines
2.0 KiB
HTML
100 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<style>
|
|
/*全局样式*/
|
|
* {
|
|
font-family: "PingFang SC", "Nunito";
|
|
font-size: 14px;
|
|
color: rgb(29, 33, 41);
|
|
}
|
|
body {
|
|
margin: 0px;
|
|
}
|
|
/*页面布局*/
|
|
.document-container {
|
|
width: 16cm;
|
|
margin: auto;
|
|
}
|
|
/*文档标题*/
|
|
.document-block-title {
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
}
|
|
/*表格*/
|
|
table {
|
|
width: 16cm;
|
|
table-layout: auto;
|
|
border-collapse: collapse;
|
|
text-align: right;
|
|
scrolling: no;
|
|
}
|
|
/*表格-首行*/
|
|
table tr th {
|
|
height: 35px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
background-color: rgb(242 243 245);
|
|
padding: 8px 16px;
|
|
}
|
|
/*表格-数据行*/
|
|
table tr td {
|
|
height: 30px;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
border-bottom: 1px solid rgb(229 230 235);
|
|
padding: 8px 16px;
|
|
}
|
|
/*表格第一列左对齐*/
|
|
table th:first-child, table td:first-child {
|
|
text-align: left;
|
|
}
|
|
</style>
|
|
<head>
|
|
<meta charset=“UTF-8”>
|
|
<title>pyecharts</title>
|
|
</head>
|
|
<body>
|
|
<table class="fl-table">
|
|
<thead>
|
|
<tr>
|
|
<th>客户ID</th>
|
|
<th>交易金额</th>
|
|
<th>交易日期</th>
|
|
<th>客户分类</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>BM-11140</td>
|
|
<td>133.20</td>
|
|
<td>2013-10-04</td>
|
|
<td>重要价值客户</td>
|
|
</tr>
|
|
<tr>
|
|
<td>MZ-17515</td>
|
|
<td>15.01</td>
|
|
<td>2012-10-03</td>
|
|
<td>重要价值客户</td>
|
|
</tr>
|
|
<tr>
|
|
<td>DP-13390</td>
|
|
<td>35.88</td>
|
|
<td>2013-10-22</td>
|
|
<td>重要价值客户</td>
|
|
</tr>
|
|
<tr>
|
|
<td>ML-8265</td>
|
|
<td>388.62</td>
|
|
<td>2012-04-13</td>
|
|
<td>新客户</td>
|
|
</tr>
|
|
<tr>
|
|
<td>CK-12205</td>
|
|
<td>5.23</td>
|
|
<td>2012-03-28</td>
|
|
<td>重要价值客户</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</body>
|
|
</html> |