<html lang="en">
<body>
<div class="table">
<table>
<tr class="titles">
<th>
<input type="checkbox">
</th>
<th>
<span>序号</span>
</th>
<th>
<span>企业名称</span>
</th>
<th>
<span>所在板块</span>
</th>
<th>
<span>部门</span>
</th>
<th>
<span>企业地址</span>
</th>
<th>
<span>地图定位</span>
</th>
<th>
<span>企业法人姓名</span>
</th>
<th>
<span>企业法人联系方式</span>
</th>
<th>
<span>企业负责人姓名</span>
</th>
<th>
<span>企业负责人联系方式</span>
</th>
<th>
<span>分类</span>
</th>
<th>
<span>备注</span>
</th>
<th>
<span>操作</span>
</th>
</tr>
<tr class="tableBody">
<th>
<input type="checkbox">
</th>
<th>
<span>1</span>
</th>
<th>
<span>太仓港船舶服务有限公司</span>
</th>
<th>
<span>浮桥镇</span>
</th>
<th>
<span>市海事局</span>
</th>
<th>
<span>太仓市浮桥镇镇中路85号</span>
</th>
<th>
<span class="map"></span>
</th>
<th>
<span>陈兆忠</span>
</th>
<th>
<span>123123123</span>
</th>
<th>
<span>蒋建明</span>
</th>
<th>
<span>11231</span>
</th>
<th>
<span>航运公司</span>
</th>
<th>
<span>船运</span>
</th>
<th>
<a class="detail">查看</a>
<a class="edit">编辑</a>
</th>
</tr>
</table>
</div>
</body>
</html>
body html{
padding: 0;
margin: 0;
}
.table{
width: 98%;
height: 600px;
}
.titles{
width: 100%;
background-color: #f0f3fe;
color: #17233D;
font-weight: 700;
height: 40px;
text-align: center;
}
.titles th {
width: 60px;
}
.titles th:nth-of-type(3) {
width: 100px;
}
.tableBody{
width: 100%;
background-color: #ffffff;
color: #9e9e9e;
line-height: 30px;
font-size: 12px;
height: 40px;
text-align: center;
}
.detail{
color: #4265ED;
}
.edit{
color: #009C83;
}