中查找“网页设计中打造细边表格的三种方法”更多相关内容
中查找“网页设计中打造细边表格的三种方法”更多相关内容
Copyright © 2006-2007 中国建站网. All Rights Reserved .
合作联系： QQ: 8856499 黔ICP备07001966号
网页设计中打造细边表格的三种方法
来源：本站整理 作者：佚名 时间：2005-11-10 20:23:00
首先声明以下几个方法并不是全部，只是今天我在制作的时候又一次用到了其中的一种方法，所以在此也把自己常用的方法跟大家共享一下。希望对大家有所帮助，当然更欢迎大家提出自己的想法，大家彼此交流一下，共同进步！
一、利用CSS样式 style="border:1px solid #ff0000"
二、利用两个表格。外层的表格是一行一列 cellpadding="1" 的表格就行了，里层表格随意，只要把撑到外层的表格就行了。这个方法可以多变的，个人比较喜欢这个方法，虽然代码多了一点儿。
<table width="200" border="0" cellspacing="0" cellpadding="1">
<tr>
<td bgcolor="#000000"><table width="200" height="219" border="4" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
<tr>
<td bgcolor="#99CC00"> </td>
<td width="5" bgcolor="#FFFFFF"></td>
<td bgcolor="#99CC33"> </td>
</tr>
</table></td>
</tr>
</table>
三、用表格当做线条，这个只要注意 <td height="1"></td> 之间不要有任何字符（ 包括空格 ）， height 这个就看大家自己的需要了。
到此为止，能力有限哦，曾经我看过一个教程是教怎么实现更多花样的表格，称为"魔鬼表格"吧，具体的也想不起来了，不过个人认为实用的就这些吧。
一、利用CSS样式 style="border:1px solid #ff0000"
<table width="200" border="0" cellpadding="0" cellspacing="0" style="border:1px solid #ff0000">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
二、利用两个表格。外层的表格是一行一列 cellpadding="1" 的表格就行了，里层表格随意，只要把撑到外层的表格就行了。这个方法可以多变的，个人比较喜欢这个方法，虽然代码多了一点儿。
<table width="200" border="0" cellspacing="0" cellpadding="1">
<tr>
<td bgcolor="#000000"><table width="200" height="219" border="4" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
<tr>
<td bgcolor="#99CC00"> </td>
<td width="5" bgcolor="#FFFFFF"></td>
<td bgcolor="#99CC33"> </td>
</tr>
</table></td>
</tr>
</table>
三、用表格当做线条，这个只要注意 <td height="1"></td> 之间不要有任何字符（ 包括空格 ）， height 这个就看大家自己的需要了。
<table width="200" border="0" cellpadding="0" cellspacing="0" bgcolor="#FF3300"><tr>
<td height="1"></td>
</tr>
</table>
<td height="1"></td>
</tr>
</table>
到此为止，能力有限哦，曾经我看过一个教程是教怎么实现更多花样的表格，称为"魔鬼表格"吧，具体的也想不起来了，不过个人认为实用的就这些吧。
Tags：
0%(0)
0%(0)
相关文章
广告赞助
文章随便看看 设计素材 建站学院 网页模板 视频教程
网友评论
共有 0 位网友发表了评论，得分 0 分，平均 0 分 查看完整评论