一款漂亮的表格样式（简约版）
<style>
.myTable {
margin: 0 auto;
height: 300px;
width: 700px;
}
.myTitle {
background-color: #F2F3F5;
}
tr:hover {
background: #edffcf;
}
th {
font-size: 16px;
font-weight: bold;
}
td {
font-size: 14px;
}
th,td {
border: solid 1px black;
text-align: center;
}
</style>
<table class=”myTable”>
<tr class=”myTitle”>
<th>${lx}</th>
<th>有功电量</th>
<th>无功电量</th>
</tr>
<c:forEach items=”${zjdlbbList}” var=”zjdl”>
<tr>
<td>${zjdl.byzd }</td>
<td>${zjdl.ygdl }</td>
<td>${zjdl.wgdl }</td>
</tr>
</c:forEach>
</table>
版权声明：本文为rdchen原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。