当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS制作符合网站标准的细线表格

CSS样式表
css 块状元素和内联元素
CSS 盒模型、块状元素与内联元素、CSS选择器
css 浮动 理解Float的含义
CSS 清除浮动Clear
CSS 制作网页导航条(上)
CSS 制作网页导航条(下)
css 浮动(float)页面布局
css 浮动(float)页面布局(下)
css position 定位
css 定位应用实例
CSS Hack 有关浏览器兼容方面
css 单图片按钮实例(css 图片变换)
使用X-UA-Compatible来设置IE浏览器兼容模式
div overflow 超出隐藏属性使用说明
CSS 使用规则总结
div+CSS 兼容小摘
CSS的inherit与auto使用分析
如何组织和注释CSS文件
CSS样式按整洁易懂的结构组织
CSS Prism 查看和编辑CSS中用到的颜色

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 108 ::
收藏到网摘: n/a


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!