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

web|web标准

随着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 全部选择 提示:你可先修改部分代码,再按运行]

时间: 2024-10-05 22:50:31

WEB标准中细线表格的实现方法的相关文章

新标准中细线表格的实现

标准 随着web标准的广泛传播,表格渐渐被我遗忘,但是表格还是有它优秀的一面,数据处理用表格的确省了不少麻烦!这个是细表格的代码,并且通过了标准验证!  HTML代码 <head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>细线表格简单实现</title><style type="text/cs

在WEB标准中嵌入Flash 的最佳方法

Flash 嵌入的问题论坛中有人问了好多次,到底应该怎么用,为什么通不过验证,要通过验证怎么办等等等.讨论中也出现了不少的误解,所以我单开一个帖总结一下我所知道的东西,不想看我罗嗦的直接跳到最后看结论就可以了. 一.传统的方法.<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"    codebase="http://fpdownload.macromedia.com/pub/shockwave/ca

在网页中实现细线表格边框的方法

网页 很多朋友都有过制作网页的经历,如今,众多网页的设计都用到了表格.这样不仅有利于网页的维护,同时,提高了网页的观赏性.在众多网页制作风格中,细边框这个制作方法是必不可少的.这里,我将简单地谈一下细边框的制作方法. 好像一般的做法是这样(css).table1{border-collapse:collapse}.table1 td{border:1px solid #ddd} 如何用表格嵌套呢?大家都知道,用Bgcolor可以在表格中任意定义表格的背景颜色,用Cellspacing可以控制表格

WEB标准中使用CSS的基础教程

css|web|web标准|基础教程 CSS过去经常被用来定义字体的属性,而现在可以用它来控制整个文档的布局.然而,为了有效的用CSS来控制布局,需要做一些不同的处理,这种不同是跟用表格布局相对比的. 为了CSS可以高效的控制布局,结构化.语义化的XHTML是必不可少的. 浏览器的支持 在过去几年,浏览器对CSS的支持程度已经改进了很多.不幸的是,浏览器的开发商好象对实施开放的标准并不感兴趣,所以不同浏览器对CSS的支持程度也大相径庭.就算是支持程度最好的浏览器,在软件中仍然有一些bug,使得浏

学习web标准:Web标准中的特殊字符

在最开始学习web标准的时候有这么一条: 把所有<和&特殊符号用编码表示 :任何小于号(<),不是标签的一部分,都必须被编码为& l t ; 任何大于号(>),不是标签的一部分,都必须被编码为& g t ;任何与号(&),不是实体的一部分的,都必须被编码为& a m p;注:以上字符之间无空格. 而在我们平时的工作中经常会遇到这种情况: 更多>> 国内的同行大多是写两个大于号>>或者干脆就写>>(更夸张的是有人为

解决web标准中IE无法设置滚动条颜色的问题

web|web标准|标准|解决|问题|滚动条 解决办法是将body换成html,您可以在下面的代码中把CSS样式中的body修改运行测试. 以下是HTML网页特效代码,点击运行按钮可查看效果: [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

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

随着应用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; bor

word2013中插入表格有哪些方法

  word2013中插入表格方法一: 快速插入表格 步骤一:打开文档,将光标定位到插入表格的位置,在"插入"选项卡,单击"表格",在打开的列表中选择"快速表格",然后选择需要的表格即可. 步骤二:插入的表格如下图所示,再对该表格进行加工即可. word2013中插入表格方法二: 插入10列8行以内表格 步骤一:打开文档,将光标定位到插入表格的位置,在"插入"选项卡,单击"表格",在展开的列表中,拖动鼠标选

在Word中绘制表格的简单方法

  在Word中,如果要绘制简单的表格,其实方法还是挺多的.今天,我们就从工具栏和菜单栏出发,来学习一下如何绘制出简单的表格. Word 方法一:利用菜单栏中工具绘制表格 单击Word2003菜单栏上的"表格"按钮,在弹出的下拉菜单中选择"表格"-->插入-->表格,然后在弹出的"插入表格"对话框中设置好表格的"列数"与"行数"即可. 方法二:使用"常用"工具栏插入表格 点击