使用CSS改变表格边框样式

来源：Linuxdby.com 作者：Webmaster 时间：2007-04-13 点击： [收藏] [投稿]

用CSS改变表格边框样式，很实用的一种方法。

制作方法：
把下面的代码复制到<body>~</body>里，此为隐藏下边框
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-bottom-width: 0" bordercolor="#111111" width="90">
<tr align="center">
<td style="border-bottom-style: none; border-bottom-width: medium" height="25">隐藏下边</td>
</tr>
</table>

把下面的代码复制到<body>~</body>里，此为隐藏上边框
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-top-width: 0" bordercolor="#111111" width="90">
<tr align="center">
<td height="25" style="border-top-style: none; border-top-width: medium">隐藏上边框</td>
</tr>
</table>

把下面的代码复制到<body>~</body>里，此为隐藏左边框
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-left-width: 0" bordercolor="#111111" width="90">
<tr align="center">
<td style="border-left-style: none; border-left-width: medium" height="25">隐藏左边框
</td>
</tr>
</table>

把下面的代码复制到<body>~</body>里，此为隐藏右边框
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-right-width: 0" bordercolor="#111111" width="90">
<tr align="center">
<td style="border-right-style: none; border-right-width: medium" height="25">隐藏右边框
</td>
</tr>
</table>

至此你就可以完成这个实例了,你可以自己试试!有什么不明白的地方可以问我!。

如果您对本文有任何疑问或者建议，请到讨论区发表您的意见: >> 论坛入口 <<

上一篇：为网页添加浮动广告下一篇：制作类似于Title、ALT的提示效果

【文章评论】【收藏本文】【推荐好友】【打印本文】【我要投稿】【论坛讨论】

更多相关文章

·用javascript+php随机显示图片

·限制文本字节数的JS源代码程序

·用来实现Web页面图片移动托拽的代码段

·开发跨浏览器JavaScript时要注意的问题

·javascript分页

·使用Javascript制作声音按钮

·JavaScript技巧:让网页自动穿上外套

·Javascript模拟的DOS窗口

·利用javascript从数据库取数据来实现CSDN首页图

·将js文件编译成动态链接库(dll)文件