网页制作 
首页 > 网页制作 > 浏览文章

CSS制作符合网站标准的细线表格

(编辑:jimmy 日期: 2024/11/25 浏览:3 次 )

css教程:实现符合Web标准的细线表格
  随着应用CSS网页布局构建网页,
  以及web标准的广泛普及与发展,
  表格渐渐被人们遗忘,
  但是表格还是有它优秀的一面,
  数据处理用表格的确省了不少麻烦!
  这个是细表格的代码,并且通过了标准验证!
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:left;
}
th{
text-align:center;
font-weight:600;
font-size:12px;
background-color:#F4F4F4;
}
<table width="236">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
table,td,th{
border:1px #000 solid;
border-collapse:collapse;
}
  用最后这段代码,很容易就可以实现。
  经过测试,通过标准strict!
上一篇:区分IE6,IE7和firefox的CSS hack
下一篇:CSS对表格单元格强制换行和不换行
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap