您所在的位置:小祥子 » 编程 » CSS » 正文

CSS美化table表格代码

时间:2015-01-23 编辑:佚名 来源:互联网

效果是让表格的线变成细条,并且让表格里的内容居中显示。

CSS代码

<style type="text/css">
table{
border:1px solid #000;
border-width:1px 0 0 1px;
margin:2px 0 2px 0;
text-align:center;
border-collapse:collapse;
}
td,th{
border:1px solid #000;
border-width:0 1px 1px 0;
margin:2px 0 2px 0;
text-align:center;
}
th{
text-align:center;
font-weight:600;
font-size:12px;
background-color:#F4F4F4;
}
</style>

可用于测试TABLE的html代码
<table width="536">
  <tr>
    <td>表格内容</td>
    <td>表格内容</td>
    <td>表格内容</td>
    <td>表格内容</td>
    <td>表格内容</td>
    <td>表格内容</td>
  </tr>
</table>

关键词:table 美化 表格 css