制作阴影效果的表格

　　网上看到过这样的效果，现提供制作的Html代码：

<table cellspacing=0 cellpadding=0 width=350 align=center border=0>
<tbody>
<tr>
<td valign=bottom align=right width=347 rowspan=2>
<table cellspacing=0 cellpadding=0 width="100%" border=0 style="BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid;">
<tbody>
<tr>
<td colspan="4" height="20"> </td>
</tr>
<tr>
<td colspan="3" nowrap height="30" width="56">
</td></td>
</tr>
<tr>
<td colspan="3" nowrap height="30"></td>
<td></td>
</tr>

<tr valign="bottom">
<td colspan="4" nowrap align="center" height="30"></td>
</tr>
</td>
<tr>
<td colspan="4" nowrap align="right" height="60"></td>
</tr>
</tbody>
</table>
</td>
<td width=1 bgcolor=#ffffff height=5></td>
<td width=1 bgcolor=#ffffff height=5></td>
<td width=1 bgcolor=#ffffff height=5></td>
</tr>
<tr>
<td width=1 bgcolor=#333333 height=120></td>
<td width=1 bgcolor=#666666 height=120></td>
<td width=1 bgcolor=#999999 height=120></td>
</tr>
<tr valign=top align=right>
<td colspan=4>
<table cellspacing=0 cellpadding=0 width="345" border=0>
<tbody>
<tr>
<td bgcolor=#333333 height=1></td>
</tr>
<tr>
<td bgcolor=#666666 height=1></td>
</tr>
<tr>
<td bgcolor=#999999 height=1></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr valign=center align=right>
<td colspan=4 height=35> </td>
</tr>
</tbody>
</table>

时间： 2024-12-30 15:53:50

制作阴影效果的表格的相关文章

Dreamweaver快速制作细边线表格

dreamweaver 在Dreamweaver中插入一个表格,若设置其"边框(Border)"为1,预览时其边框线较粗.对于不熟悉HTML语言的网页制作者,如何快速制作出细边线的表格呢?下面,我给大家介绍一个小技巧--巧用背景颜色和间距制作细边线表格.  以制作一个4行3列.边框线为红色细线的表格为例: Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格. Step 2 在"属性"面板中设置此表格的属性如下:边距(CellPad)根据需要自行

美化网页 制作精美圆角表格

网页|圆角 做网页时候为了美化网页,常常把表格边框的拐角处做成圆角,这样可以避免直接使用表格直角的生硬,使得网页整体更加美观.下面就给大家介绍两种制作圆角表格的常用的办法. 方法一:用图片制作圆角表格 这是最常用也是最通用的方法,它能很好地适应各种浏览器和不同分辨率,大部分网页都使用这种方法. ①先用Photoshop等作图软件绘制一个圆角矩形,再用"矩形选框工具"选取左上交的圆角部分(如图1),复制它. ②不要取消选取,直接新建一副图像,Photoshop会根据选取部分的高度.宽度自

美化你的网页 制作精美圆角表格的两种方法

网页|圆角 做网页时候为了美化网页,常常把表格边框的拐角处做成圆角,这样可以避免直接使用表格直角的生硬,使得网页整体更加美观.下面就给大家介绍两种制作圆角表格的常用的办法.方法一:用图片制作圆角表格这是最常用也是最通用的方法,它能很好地适应各种浏览器和不同分辨率,大部分网页都使用这种方法. ①先用Photoshop等作图软件绘制一个圆角矩形,再用"矩形选框工具"选取左上交的圆角部分(如图1),复制它. ②不要取消选取,直接新建一副图像,Photoshop会根据选取部分的高度.宽度自动设

Word制作个人简历表格的技巧

    本篇关于利用Word制作个人简历表格的技巧 1.尽量使用Tab.圆点的项目符号对齐,尽量不用空格找齐.用表格制作也可以,但是发送word版的时候会很难看. 2.最好按照模版来制作简历.很多人都是自己想当然的制作,这样HR看起来会不容易找到关键信息,要知道看一份简历不会超过30秒. 3.按照简历模版制作可能会出现一些信息没法写进去,比如投IT研发的项目经验,有种解决方法是,如果项目经验很多,再加上技术技能,刚好又搞出一页来. 4.简历两页足矣,中英文无论在内容还是在格式上都必须完全对照,外

Dreamweaver制作细边的表格

  通过利用背景颜色与间距制作细边的表格教程的介绍,大家在Dreamweaver中插入一个表格,若设置其"边框(Border)"为1,预览时其边框线较粗. 以制作一个4行3列.边框线为红色细线的表格为例: Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格. Step 2 在"属性"面板中设置此表格的属性如下:边距(CellPad)根据需要自行设置值(例如10);间距(CellSpace)为1;边框(Border) 为0;背景颜色(Bg Col

Dreamweaver利用背景颜色与间距制作细边的表格

通过利用背景颜色与间距制作细边的表格教程的介绍,大家在Dreamweaver中插入一个表格,若设置其"边框(Border)"为1,预览时其边框线较粗. 以制作一个4行3列.边框线为红色 细线的表格为例: Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格. Step 2 在"属性"面板中设置此表格的属性如下:边距(CellPad)根据需要自行设置值(例如10);间距(CellSpace)为1;边框(Border) 为0;背景颜色(Bg Colo

使用Word制作成绩表表格的方法

  使用Word制作成绩表表格的方法          在本文中,图文详解使用Word来制作成绩表的方法. 1.切换到"插入"选项卡,在"表格"组中单击"表格"下拉按钮,然后执行"插入表格"命令,此时会弹出"插入表格"对话框,在"表格尺寸"中填上自己要做的表格的行列数,确定即可. 2.单击表格左上角的按钮,可以选中整张表格,然后切换到"表格工具-布局"选项卡,在&qu

如何在Dreamweaver中制作细边框表格

  具体制作步骤如下: 通过利用背景颜色与间距制作细边的表格教程的介绍,大家在Dreamweaver中插入一个表格,若设置其"边框(Border)"为1,预览时其边框线较粗. 以制作一个4行3列.边框线为红色细线的表格为例: 1.在Dreamweaver的设计视图中插入一个4行3列的表格. 2.在"属性"面板中设置此表格的属性如下:边距(CellPad)根据需要自行设置值(例如10);间距(CellSpace)为1;边框(Border) 为0;背景颜色(Bg Col

Dreamweaver快速制作细边线表格技巧

在Dreamweaver中插入一个表格,若设置其"边框(Border)"为1,预览时其边框线较粗.对于不熟悉HTML语言的网页制作者,如何快速制作出细边线的表格呢?下面,我给大家介绍一个小技巧--巧用背景颜色和间距制作细边线表格. 以制作一个4行3列.边框线为红色细线的表格为例: Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格. Step 2 在"属性"面板中设置此表格的属性如下:边距(CellPad)根据需要自行设置值(例如10);间距(