日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

搜索
分享

立體感表格制作

 昵稱604703 2010-05-13


立 體 感 表 格 的 制 作

 

 


單個(gè)立體表格效果圖示樣

 

【立體表格】

 

【立體表格】

 

單 個(gè) 立 體 表 格 代 碼

<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#000000,Direction=120,strength=5)" width=100 align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD align=middle><FONT color=#008080>【添加內(nèi)容】</FONT></TD></TR></TBODY></TABLE>

 

說(shuō) 明∶調(diào)整紅色數(shù)值120為分別為220、320、420時(shí)會(huì)改變陰影不同方向,調(diào)整黃色數(shù)值5可改變陰影長(zhǎng)度,bgColor=#dddddd為表格北景顏色 Color=#000000為陰影顏色按需要調(diào)換。

 

普通表格效果圖

 

【普通表格】 【普通表格】
【普通表格】 【普通表格】

 

普 通 表 格 代 碼

<TABLE style="FILTER: alpha(opacity=70)" width=225 align=center bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=2 cellPadding=0 width=225 border=1>
<TBODY>
<TR>
<TD align=middle><FONT color=#008080>【普通表格】</FONT></TD>
<TD align=middle><FONT color=#008080>【普通表格】</FONT></TD></TR>
<TR>
<TD align=middle><FONT color=#008080>【普通表格】</FONT></TD>
<TD align=middle><FONT color=#008080>【普通表格】</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

說(shuō) 明∶將前面的〖單個(gè)立體表格的代碼〗替換普通表格代碼中紅色部分就變?yōu)榱Ⅲw表格。效果圖如下(內(nèi)不帶鏈接):

 

實(shí)際立體表格效果圖

 

【添加內(nèi)容】
【添加內(nèi)容】
【添加內(nèi)容】
【添加內(nèi)容】

 

立 體 表 格 代 碼

<TABLE style="FILTER: alpha(opacity=70)" width=225 align=center bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=2 cellPadding=0 width=225 border=0>
<TBODY>
<TR>
<TD></TD>
<TD align=middle>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#000000,Direction=120,strength=5)" width=100 align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD align=middle><FONT color=#008080>【添加內(nèi)容】</FONT></TD></TR></TBODY></TABLE></TD>
<TD></TD>
<TD align=middle>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#000000,Direction=120,strength=5)" width=100 align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD align=middle><FONT color=#008080>【添加內(nèi)容】</FONT></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD></TD>
<TD align=middle>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#000000,Direction=120,strength=5)" width=100 align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD align=middle><FONT color=#008080>【添加內(nèi)容】</FONT></TD></TR></TBODY></TABLE></TD>
<TD></TD>
<TD align=middle>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#000000,Direction=120,strength=5)" width=100 align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD align=middle><FONT color=#008080>【添加內(nèi)容】</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE>

 

含有鏈接立體表格效果圖

 

【表格制作】
【代碼大全】
【首頁(yè)模塊】
【制作技巧】
【導(dǎo)航鏈接】
【生活百科】

 

帶 鏈 接 立 體 表 格 代 碼

<TABLE style="FILTER: alpha(opacity=70)" width=225 align=center bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=2 cellPadding=0 width=225 border=0>
<TBODY>
<TR>
<TD align=middle>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#000000,Direction=120,strength=5)" width=100 align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD align=middle><A href="鏈接網(wǎng)址" target=_blank><FONT color=#008080>【添加內(nèi)容】</FONT></A></TD></TR></TBODY></TABLE></TD>
<TD align=middle>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#000000,Direction=120,strength=5)" width=100 align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD align=middle><A href="鏈接網(wǎng)址" target=_blank><FONT color=#008080>【添加內(nèi)容】</FONT></A></TD></TR></TBODY></TABLE></TD></TR> <TR>
<TD align=middle>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#000000,Direction=120,strength=5)" width=100 align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD align=middle><A href="鏈接網(wǎng)址" target=_blank><FONT color=#008080>【添加內(nèi)容】</FONT></A></TD></TR></TBODY></TABLE></TD>
<TD align=middle>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow  (Color=#000000,Direction=120,strength=5)" width=100 align=center bgColor=#dddddd>
<TBODY>
<TR>
<TD align=middle><A href="鏈接網(wǎng)址" target=_blank><FONT color=#008080>【添加內(nèi)容】</FONT></A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

示例一行二列立體表格效果圖

 

◆ 博 客 制 作 總 導(dǎo) 航 ◆
【表格制作】
【代碼大全】
【首頁(yè)模塊】
【制作技巧】
【導(dǎo)航鏈接】
【生活百科】

 

示例一列三行立體表格效果圖

 

制作導(dǎo)航
【表格制作】
【代碼大全】
【首頁(yè)模塊】
【制作技巧】
【導(dǎo)航鏈接】
【生活百科】

 

--------------------------------

 

 

 

 

 

 

 

 

 

 

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花（0）

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多