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>BW-11110</td>
|
|
<td>159.66</td>
|
|
<td>2013-08-26</td>
|
|
<td>重要价值客户</td>
|
|
</tr>
|
|
<tr>
|
|
<td>PH-18790</td>
|
|
<td>333.66</td>
|
|
<td>2013-04-09</td>
|
|
<td>重要深耕客户</td>
|
|
</tr>
|
|
<tr>
|
|
<td>MY-17380</td>
|
|
<td>5.76</td>
|
|
<td>2012-10-26</td>
|
|
<td>重要价值客户</td>
|
|
</tr>
|
|
<tr>
|
|
<td>JM-6195</td>
|
|
<td>69.84</td>
|
|
<td>2012-09-07</td>
|
|
<td>流失客户</td>
|
|
</tr>
|
|
<tr>
|
|
<td>RD-19585</td>
|
|
<td>114.39</td>
|
|
<td>2013-09-13</td>
|
|
<td>重要价值客户</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</body>
|
|
</html> |