细线表格的处理
作者：纯真 来源：纯真 发布时间：2008-08-06 12:53:00
标签：表格,边框,设计
在HTML中，我们设置border=”1″ 时，表格边框实际大小是2px，那如果我们要做成1px的细线表格要怎么办？以前在做1px的表格的时候，我会用表格背景颜色，然后再用另一种颜色设计单元格的背景，再把表格间距设置成1px，这样就能达到我们的1px表格了，
如下例：
这种方法虽然可以实现，但是页面里的代码多了很多，而且要控制局部也相对麻烦些。
下面的这种方法及其简单，html代码也减少了很多，结构更加的清晰。
css代码：
<style type="text/css">
<!--
table{
border-collapse:collapse;
}
td{
background:#ffc;
border:solid 1px #f90;
height:22px;
}
-->
</style>
html代码：
<table width="80％" align="center">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
0
投稿猜你喜欢
老师罚学生抄写英文单词，结果学生给抄成这样……- 空白双边距是一个极容易误解的CSS特性.它不是CSS的bug,但如果我们一旦误解,将会给你带来很多麻烦.先看如下demo代码:<!do
- 网站内容的入口很大一部分都是依赖于导航系统，而网站的入口很大一部分依赖于搜索系统，这也在一定意义上证明了导航与搜索之间的重叠性。搜索系统可以
- 先问一个问题, 在firefox 2里,正则表达式字符"\d"全等于"[0-9]"吗?有可能你会答&
- 1，WITH TEMPLET意思是，生成的页面架构将采用某个已设定的模板，在此之前我的一篇教程中介绍过，希望各位在看本教程之前对ASP采用模
- 前阵子刚完成一个B/S架构的学校办公系统，体会就是表太多，文件太多，而每个文件中类似的操作（代码）也太多了，例如学生信息和教师信息操作，st
- 到目前为止，我已经开发了两个HTML编辑器了，一个用在公司的CMS项目，另一个用在这个Blog（TidyEditor，暂时没有单独发布）。下
- 有时候在一个页面用到收放功能的时候时，总有一个虚线框在触发收放的功能按钮上，显得特别刺眼，那如何去除这个虚线框呢？在IE下，需要在标签 a
- 作者的blog：http://www.planabc.netz-index属性简介引用:z-index : auto | numberaut
- SQL语言共分为四大类：数据查询语言DQL，数据操纵语言DML， 数据定义语言DDL，数据控制语言DCL。其中用于定义数据的结构，比如 创建
- 在网上游荡，看着别人的精彩主页难免心里痒痒的，但自己精心布置的家（个人主页），如果在不同的浏览器中呈现
- 一个不错的js效果，实现了图片预加载，并实时显示图片加载进度。<script> var l=0; var i
- 在讲这个问题之前让我们来先看一段代码： dim sql_injdata,SQL_inj,SQL_Get,SQL_Data,Sql_
- MySQL目前不支持列的Default 为函数的形式,如达到你某列的默认值为当前更新日期与时间的功能,你可以使用TIMESTAMP列类型下面
- 阅读上一篇：FrontPage XP设计教程1——站点初建与管理接下来的工作就是读者朋友们最为关心的网页的制作和编辑了。我们知道，一个站点是
- 先声明一下，这是本人在某个项目中用到的，本人自己写的，如有雷同纯属巧合。同时也欢迎高人指正。这种星级的投票效果很常见，但是目前线上大多都是通
- <?php/*======================================事务处理==================
- 如何在寸土寸金的首页上使页面的价值最大化，是每个网站设计者最关心的话题。用户关注的页面长度、宽度都是有限的。宽度自不必说，一般网站都会根据自
- QueryCache(下面简称QC)是根据SQL语句来cache的。一个SQL查询如果以select开头，那么MySQL服务器将尝试对其使
- 在cssrain整理的一个 试题集 中有这么一道题：<SCRIPT LANGUAGE="JavaScript"&g
