网页特效代码┊JsCode.CN
网页特效代码 您的位置:首页 > 网页制作教程 > 网页设计心得
RSS订阅

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

[ 发布者:佚名┊来源:网络整理┊时间:2006-03-25┊浏览: 人次 ]
    首先声明以下几个方法并不是全部,只是今天我在制作的时候又一次用到了其中的一种方法,所以在此也把自己常用的方法跟大家共享一下。希望对大家有所帮助,当然更欢迎大家提出自己的想法,大家彼此交流一下,共同进步!

    一、利用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>

    到此为止,能力有限哦,曾经我看过一个教程是教怎么实现更多花样的表格,称为"魔鬼表格"吧,具体的也想不起来了,不过个人认为实用的就这些吧。
本类相关信息
用写字板也可以快速修改网页
  Windows自带的许多组件有时会有其他前卫软件所达不到的用途。比如对于...
xWin的HTC分享
不是炒冷饭,我添加了很多新的功能哦演示地址: xWinHTCDemo.htmCSS: globa...
色彩心理与网站配色
  打开一个网站,给用户留下第一印象的既不是网站丰富的内容,也不是网...
一分钟网页设计技巧
  一、保持网页的朴素   一个好的网站最重要的一点就是界面的简单、朴...
CopyRight © 2005-2008 JsCode.CN All Rights Reserved
网页特效代码┊JsCode v3.0 Designed By 在远方
说明:本站提供最新精选的免费网页特效代码,包括网页背景特效,网页文字特效,网页图片特效,导航菜单特效代码等20多种常用网页特效代码下载,以及Flash特效,网页模版,字体大全,字体下载等网页制作特效素材资源。网页特效代码欢迎您的光临!