动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   网页设计 → 阅读文章

 网页设计中打造细边表格的三种方法

作者:网易学院 来源:网易学院 
阅读 数 609 人次 , 2006-2-16 14:59:00 

 首先声明以下几个方法并不是全部,只是今天我在制作的时候又一次用到了其中的一种方法,所以在此也把自己常用的方法跟大家共享一下。希望对大家有所帮助,当然更欢迎大家提出自己的想法,大家彼此交流一下,共同进步!

    一、利用CSS样式 style="border:1px solid #ff0000"
<table width="200" border="0" cellpadding="0" cellspacing="0" style="border:1px solid #ff0000">
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</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">&nbsp;</td>
<td width="5" bgcolor="#FFFFFF"></td>
<td bgcolor="#99CC33">&nbsp;</td>
</tr>
</table></td>
</tr>
</table>



    三、用表格当做线条,这个只要注意 <td height="1"></td> 之间不要有任何字符( 包括空格&nbsp; ), height 这个就看大家自己的需要了。
<table width="200" border="0" cellpadding="0" cellspacing="0" bgcolor="#FF3300"><tr>
<td height="1"></td>
</tr>
</table>


    到此为止,能力有限哦,曾经我看过一个教程是教怎么实现更多花样的表格,称为"魔鬼表格"吧,具体的也想不起来了,不过个人认为实用的就这些吧。   
 
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:网站中制作友情链接的一些小技巧
· 下一篇:如何以及何时使用sIFR
· 让网页里的提交按钮变得更靓
· Java咖啡馆——品味第一杯咖啡(1)
· DreamwaverMX与ASP.NET(十一)
· 横向连续滚动图片的代码
· 日期相加的函数addDate


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077