制作1px边框表格的几种方法

欢迎光临极品网，更多、更新的资源信息尽在Jpinw.Com！本站所有信息资源每日更新新的内容，请大家继续关注www.Jpinw.com!如果觉得本站还不错，对您有帮助，别忘了向您的朋友推荐本站!请记好本站网址：http://www.Jpinw.com，网站发展靠大家多多的支持！！！

极品网极品课件极品论文极品文学极品游戏极品美容极品手机资源极品股票

您现在的位置：极品网 >> 电脑学院 >> 网页设计 >> 经验技巧 >> 教程正文

制作1px边框表格的几种方法

【字体：小大】

制作1px边框表格的几种方法

作者：佚名教程来源：不详点击数：更新时间：2007-7-16

有过网页制作经验的朋友一定知道：一般来讲，把表格的边框定义为1px时，即border=1，而实际上是2px。而我们在很多时候需要那种真正的边框为1px的表格，下面就介绍几种方法。

　　一、用嵌套表格
　　用两个表格嵌套，外层的表格的长与宽比里层的多出2px，并设置对齐属性为水平居中、垂直居中，然后把外层表格的背景设为你需要的边框颜色，里层表格背景设为与网页背景相同，这样就实现我们的愿望了，实例如下：
　　<table cellspacing="1" cellpadding="0" bgcolor="#000000" width="32" height="32" border="0">
　　<tr>
　　<td align="center">
　　<table cellspacing="0" cellpadding="0" bgcolor="#ffffff" width="30" height="30" border="0">
　　<tr>
　　<td>　</td>
　　</tr>
　　</td>
　　</tr>
　　</table>

　　二、设置亮、暗边框颜色
　　表格有亮边框(bordercolorlight)和暗边框(bordercolordark)两个属性，把表格边框(border)设为1px，亮边框(bordercolorlight)设为背景色，暗边框(bordercolordark)设为你需要的实际边框颜色就可以了，实列如下：
　　<table border="1" cellpadding="0" cellspacing="0" width="32" height="32" bordercolorlight="#000000" bordercolordark="#FFFFFF">
　　<tr>
　　<td>　</td>
　　</tr>
　　</table>

　　三、用CSS定义（一）
代码为：style="border-collapse: collapse"

　　实例如下：
　　<table border="1" cellspacing="0" width="32" height="32" style="border-collapse: collapse" bordercolor="#000000" cellpadding="0">
　　<tr>
　　<td>　</td>
　　</tr>
　　</table>
　　如果你用过Frontpage xp，你会发现，在Frontpage xp中定义的表格默认的设置就是用CSS定义过了的。

　　四、用CSS定义（二）
　　代码为：style="border: 1px solid #000000;"
　　实例如下：
　　<table cellspacing="0" cellpadding="0" border="0" width="32" height="32" style="border: 1px solid #000000; ">
　　<tr>
　　<td>　</td>
　　</tr>
　　</table>
　　有一点一定要注意：这时候不要再设置表格边框(border)、亮边框(bordercolorlight)和暗边框(bordercolordark)属性，否则不会出现预想的结果。

教程录入：admin 责任编辑：admin

上一篇教程： Dreamweaver 中Head元素的使用

下一篇教程： Dreamweaver 行为的使用

【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

最新热点		最新推荐		相关教程
				增强网站的魅力网页制作技巧六个常见的关于网页制作问题网页制作中META标签的作用不用Dreamweaver批量制作网页网页制作 JSP与ASP 的比较关于门户网站设计，网页制作网页设计问题大搜集,网页制作网页制作技巧及常用代码集锦制作地址栏中的小图标网页制作需要注意的问题集锦

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

备案号:申请中