1）.table{
width: 100%;//让表格里面的内容充满整个区域
border-collapse:collapse; 去掉html表格之table间的空隙
}
2）表格里面的内容居中
.mytable td{
text-align: center;
}
3）HTML中怎么去掉table中th的默认粗体
可以在<th>标签中设置style="font-weight:300; font-size:12px;"，也可以在<style></style>
中设置：即
<style type="text/css">
table tr th{
font-weight:300px;
font-size:12px
}
或者
.table>tr>th{
background: #F7F8FA;
font-weight:normal;
font-size:14px;
}
4）CSS中给表格的第一列以及最后一列设置不同的样式
table tr td:last-child{
样式代码....
}
除了第一列元素外
.mytable tr td:not(:first-child){
border-bottom:1px dashed #ccc;
}
border-radius: 4px;
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.14);
遇见问题，这是你成长的机会，如果你能够解决，这就是收获。
作者：晚来南风晚相识
本文版权归作者所有，欢迎转载，未经作者同意须保留此段声明，在文章页面明显位置给出原文连接
如果文中有什么错误，欢迎指出。以免更多的人被误导。
