WEB标准中细线表格的实现方法--e天下网络

WEB标准中细线表格的实现方法

[ 来路：21kn.com 时间：2007-7-7 20:59:01 点击： ]

随着web标准的广泛传播,表格渐渐被我遗忘,但是表格还是有它优秀的一面,数据处理用表格的确省了不少麻烦!这个是细表格的代码,并且通过了标准验证!

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>细线表格简单实现</title>
<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:left;}
th{text-align:center;font-weight:600;font-size:12px;background-color:#F4F4F4;}
</style>
</head>
<body>
<table width="236">
<tr>
<td> s</td>
<td>s </td>
<td> s</td>
<td> s</td>
<td> s</td>
<td> s</td>
</tr>
</table>
</body>

　　演示效果：

<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>细线表格简单实现</title><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:left;} th{text-align:center;font-weight:600;font-size:12px;background-color:#F4F4F4;}</style></head><body><table width="236"> <tr> <td> s</td> <td>s </td> <td> s</td> <td> s</td> <td> s</td> <td> s</td> </tr></table></body>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

：：：：站长友情提示：多花一分钟学点什么都好：：：：

上一篇：网页制作知识总结：常用的CSS知识下一篇：网页制作中养成良好的CSS编码习惯

：：热点信息：：

= = 免责声明 = =

① 欢迎转载我网所刊信息，请注明“来源：E天下网络”。
② 凡本网注明“来源：XXX（非E天下网络）”的作品，均转载自其它媒体，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的，请在30日内进行。
※联系方式：Airtofly@163.com

：：推荐文章：：

Dreamweaver8创建自定义代码片

：：图像设计：：

动态图片搜索家——GIF RUNN

软件搜索利器——FileFerret

实例说明构图要讲规律

Character Builder让你尽展靓