23款表格邊框代碼
07-15
**似水流雲**歡迎您一、半透明表格邊框效果半透明表格邊框代碼代碼如下(透明值語法:opacity=30):<TABLE style="FILTER: alpha(opacity=30)" height=200 width_=200 bgColor=#ececec border=1><TBODY><TR><TD>透明表格邊框代碼</TD></TR></TBODY></TABLE>二、字集段表格邊框效果:公告字集段表格邊框代碼代碼如下:<FIELDSET style="WIDTH: 300px"><LEGEND><FONT color=#99cc00>公告</FONT></LEGEND>字集段表格邊框代碼</FIELDSET>三、正方體表格邊框效果:正方體表格邊框代碼代碼如下:<TABLE style="LEFT: 10px; TOP: 49px" height=26 borderColorDark=#222222 width_=220 borderColorLight=#99cc00 border=1><TBODY><TR><TD >正方體表格邊框代碼</TD></TR></TBODY></TABLE>四、普通表格邊框效果:普通表格邊框代碼代碼如下:<TABLE style="LEFT: 11px; TOP: 11px" height=26 width_=220 border=1><TBODY><TR><TD >普通表格邊框代碼</TD></TR></TBODY></TABLE>五、立體按鈕表格邊框效果:立體按鈕表格邊框代碼代碼如下:<TABLE cellSpacing=0 cellPadding=0 width_=200 align=center border=0><TBODY><TR><TD bgColor=#666666><TABLE style="BORDER-RIGHT: #333333 3px solid; ; BORDER-TOP: #999999 3px solid; BORDER-LEFT: #999999 3px solid; BORDER-BOTTOM: #333333 3px solid" borderColor=#7d7d7d cellSpacing=0 cellPadding=0 border=1><TBODY><TR><TD>立體按鈕表格邊框代碼</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>六、內發光的表格邊框效果:內發光的表格邊框代碼代碼如下:<TABLE style="BORDER-RIGHT: #888888 5px ridge; BORDER-TOP: #888888 5px ridge; BORDER-LEFT: #888888 5px ridge; BORDER-BOTTOM: #888888 5px ridge" borderColor=#cccccc height=200 cellSpacing=0 cellPadding=0 width_=200 align=center border=1><TBODY><TR><TD>內發光的表格邊框代碼</TD></TR></TBODY></TABLE>七、實線表格邊框效果:實線表格邊框代碼代碼如下（語法：solid）:<TABLE style="BORDER-RIGHT: #99cc00 4px solid; BORDER-TOP: #99cc00 4px solid; BORDER-LEFT: #99cc00 4px solid; BORDER-BOTTOM: #99cc00 4px solid" borderColor=#99cc00 height=200 cellSpacing=0 cellPadding=0 width_=200 align=center border=0><TBODY><TR><TD>實線表格邊框代碼</TD></TR></TBODY></TABLE>八、帶陰影的表格邊框效果帶陰影的表格邊框代碼代碼如下:(border=5中的值一定要大於1)<TABLE cellSpacing=0 borderColorDark=#444444 borderColorLight=#99cc00 border=5><TBODY><TR><TD>帶陰影的表格邊框代碼</TD></TR></TBODY></TABLE>九、無樣式的表格邊框是看不到邊框線的，即使邊框值為5px也看不到，是一個隱藏的表格:無樣式的表格邊框代碼代碼如下(語法:none):<TABLE style="BORDER-RIGHT: #99cc00 5px none; BORDER-TOP: #99cc00 5px none; BORDER-LEFT: #99cc00 5px none; BORDER-BOTTOM: #99cc00 5px none" borderColor=#99cc00 height=200 cellSpacing=0 cellPadding=0 width_=200 align=center border=0><TBODY><TR><TD>無樣式的表格邊框代碼</TD></TR></TBODY></TABLE>十、外凸式表格邊框效果:外凸式表格邊框代碼代碼如下（語法：outset）:<TABLE style="BORDER-RIGHT: #99cc00 5px outset; BORDER-TOP: #99cc00 5px outset; BORDER-LEFT: #99cc00 5px outset; BORDER-BOTTOM: #99cc00 5px outset" borderColor=#99cc00 height=200 cellSpacing=0 cellPadding=0 width_=200 align=center border=0><TBODY><TR><TD>外凸式表格邊框代碼</TD></TR></TBODY></TABLE>十一、內凹式表格邊框效果:內凹式表格邊框代碼代碼如下（語法：inset）:<TABLE style="BORDER-RIGHT: #99cc00 5px inset; BORDER-TOP: #99cc00 5px inset; BORDER-LEFT: #99cc00 5px inset; BORDER-BOTTOM: #99cc00 5px inset" borderColor=#99cc00 height=200 cellSpacing=0 cellPadding=0 width_=200 align=center border=0><TBODY><TR><TD>內凹式表格邊框代碼</TD></TR></TBODY></TABLE>十二、脊線表格邊框效果:脊線表格邊框代碼代碼如下（語法：ridge）:<TABLE style="BORDER-RIGHT: #99cc00 5px ridge; BORDER-TOP: #99cc00 5px ridge; BORDER-LEFT: #99cc00 5px ridge; BORDER-BOTTOM: #99cc00 5px ridge" borderColor=#99cc00 height=200 cellSpacing=0 cellPadding=0 width_=200 align=center border=0><TBODY><TR><TD>脊線表格邊框代碼</TD></TR></TBODY></TABLE>十三、立體光線表格邊框效果:立體光線表格邊框代碼代碼如下（語法：groove）:<TABLE style="BORDER-RIGHT: #99cc00 5px groove; BORDER-TOP: #99cc00 5px groove; BORDER-LEFT: #99cc00 5px groove; BORDER-BOTTOM: #99cc00 5px groove" borderColor=#99cc00 height=200 cellSpacing=0 cellPadding=0 width_=200 align=center border=0><TBODY><TR><TD>立體光線表格邊框代碼</TD></TR></TBODY></TABLE>十四、雙線表格邊框效果:雙線表格邊框代碼代碼如下（語法：double）:<TABLE style="BORDER-RIGHT: #99cc00 5px double; BORDER-TOP: #99cc00 5px double; BORDER-LEFT: #99cc00 5px double; BORDER-BOTTOM: #99cc00 5px double" borderColor=#99cc00 height=200 cellSpacing=0 cellPadding=0 width_=200 align=center border=0><TBODY><TR><TD>雙線表格邊框代碼</TD></TR></TBODY></TABLE>十五、圓角型表格邊框:圓角型表格邊框代碼代碼如下:<TABLE cellSpacing=0 cellPadding=0 border=0><TBODY><TR><TD colSpan=7 height=1></TD><TD bgColor=#ff9ace height=1></TD><TD colSpan=7 height=1></TD></TR><TR><TD colSpan=5></TD><TD bgColor=#ff9ace></TD><TD bgColor=#ff9ace></TD><TD bgColor=#ffffff></TD><TD bgColor=#ff9ace></TD><TD bgColor=#ff9ace></TD><TD colSpan=5></TD></TR><TR><TD colSpan=4></TD><TD bgColor=#ff9ace></TD><TD bgColor=#ffffff colSpan=5></TD><TD bgColor=#ff9ace></TD><TD colSpan=4></TD></TR><TR><TD colSpan=3></TD><TD bgColor=#ff9ace></TD><TD bgColor=#ffffff colSpan=7></TD><TD bgColor=#ff9ace></TD><TD colSpan=3></TD></TR><TR><TD colSpan=2></TD><TD bgColor=#ff9ace></TD><TD bgColor=#ffffff colSpan=9></TD><TD bgColor=#ff9ace></TD><TD colSpan=2></TD></TR><TR><TD></TD><TD bgColor=#ff9ace></TD><TD bgColor=#ffffff colSpan=11></TD><TD bgColor=#ff9ace></TD><TD></TD></TR><TR><TD></TD><TD bgColor=#ff9ace></TD><TD bgColor=#ffffff colSpan=11></TD><TD bgColor=#ff9ace></TD><TD></TD></TR><TR><TD bgColor=#ff9ace></TD><TD bgColor=#ffffff></TD><TD bgColor=#ffffff></TD><TD bgColor=#ffffff></TD><TD bgColor=#ffffff></TD><TD bgColor=#ffffff></TD><TD bgColor=#ffffff></TD><TD style="FONT-SIZE: 8pt; COLOR: #888888" width_=120 bgColor=#ffffff>圓角型表格邊框代碼</TD><TD bgColor=#ffffff></TD><TD bgColor=#ffffff></TD><TD bgColor=#ffffff></TD><TD bgColor=#ffffff></TD><TD bgColor=#ffffff></TD><TD bgColor=#ffffff></TD><TD bgColor=#ff9ace></TD></TR><TR><TD></TD><TD bgColor=#ff9ace></TD><TD bgColor=#ffffff colSpan=11></TD><TD bgColor=#ff9ace></TD><TD></TD></TR><TR><TD></TD><TD bgColor=#ff9ace></TD><TD bgColor=#ffffff colSpan=11></TD><TD bgColor=#ff9ace></TD><TD></TD></TR><TR><TD colSpan=2></TD><TD bgColor=#ff9ace></TD><TD bgColor=#ffffff colSpan=9></TD><TD bgColor=#ff9ace></TD><TD colSpan=2></TD></TR><TR><TD colSpan=3></TD><TD bgColor=#ff9ace></TD><TD bgColor=#ffffff colSpan=7></TD><TD bgColor=#ff9ace></TD><TD colSpan=3></TD></TR><TR><TD colSpan=4></TD><TD bgColor=#ff9ace></TD><TD bgColor=#ffffff colSpan=5></TD><TD bgColor=#ff9ace></TD><TD colSpan=4></TD></TR><TR><TD colSpan=5></TD><TD bgColor=#ff9ace></TD><TD bgColor=#ff9ace></TD><TD bgColor=#ffffff></TD><TD bgColor=#ff9ace></TD><TD bgColor=#ff9ace></TD><TD colSpan=5></TD></TR><TR><TD colSpan=7 height=1></TD><TD bgColor=#ff9ace height=1></TD><TD colSpan=7 height=1></TD></TR></TBODY></TABLE>十六、方形虛線表格邊框效果:方形虛線表格邊框代碼代碼如下（語法：dashed）:<TABLE style="BORDER-RIGHT: #99cc00 5px dashed; BORDER-TOP: #99cc00 5px dashed; BORDER-LEFT: #99cc00 5px dashed; BORDER-BOTTOM: #99cc00 5px dashed" borderColor=#dashed height=200 cellSpacing=0 cellPadding=0 width_=200 align=center border=0><TBODY><TR><TD>方形虛線表格邊框代碼</TD></TR></TBODY></TABLE>十七、圓點虛線表格邊框效果:圓點虛線表格邊框代碼代碼如下（語法：dotted）:<TABLE style="BORDER-RIGHT: #99cc00 4px dotted; BORDER-TOP: #99cc00 4px dotted; BORDER-LEFT: #99cc00 4px dotted; BORDER-BOTTOM: #99cc00 4px dotted" borderColor=#99cc00 height=200 cellSpacing=0 cellPadding=0 width_=200 align=center border=0><TBODY><TR><TD>圓點虛線表格邊框代碼</TD></TR></TBODY></TABLE>十八、模板表格邊框效果模板表格邊框代碼代碼如下<TABLE style="BORDER-RIGHT: 5px solid; BORDER-TOP: 5px solid; BORDER-LEFT: 5px solid; WIDTH: 200px; BORDER-BOTTOM: 5px solid; HEIGHT: 200px" cellSpacing=0 cellPadding=5 border=5><TBODY><TR><TD>模板表格邊框代碼</TD></TR></TBODY></TABLE>十九、光暈效果表格邊框你見過這樣的邊框嗎？代碼如下<TABLE style="BORDER-RIGHT: #99cc00 3px solid; BORDER-TOP: #99cc00 3px solid; FILTER: glow; BORDER-LEFT: #99cc00 3px solid; WIDTH: 300px; BORDER-BOTTOM: #99cc00 3px solid; HEIGHT: 300px" cellSpacing=0 cellPadding=5 width_=300 border=5><TBODY><TR><TD><P>你見過這樣的邊框嗎？</P></TD></TR></TBODY></TABLE>二十、水晶透明效果邊框一:水晶透明效果邊框一內容(寬高自定義.調色要注意深淺)水晶透明效果邊框一代碼如下:<TABLE style="BORDER-RIGHT: 1px solid; ; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#19050f height=225 cellSpacing=0 cellPadding=0 width_=225 align=center border=0><TBODY><TR><TD style="FILTER: alpha(opacity=100,finishopacity=10,style=2)" bgColor=#ff359a height=5 align=middle>水晶透明效果邊框一</TD></TR><TR><TD height=210>內容(寬高自定義.調色要注意深淺)</TD></TR></TBODY></TABLE>水晶透明效果邊框二:水晶透明效果邊框二內容(寬高自定義調色要注意深淺)1 2 3 4 5水晶透明效果邊框二代碼如下:<TABLE style="BORDER-RIGHT: 1px solid; ; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#19050f height=225 cellSpacing=0 cellPadding=0 width_=225 align=center border=0><TBODY><TR><TD style="FILTER: alpha(opacity=100,finishopacity=10,style=2)" bgColor=#ff359a height=5 align=middle>水晶透明效果邊框二</TD></TR><TR><TD height=195>內容(寬高自定義調色要注意深淺)</TD></TR><TR><TD style="FILTER: alpha(opacity=100,finishopacity=10,style=2)" align=right bgColor=#ff359a height=15>1 2 3 4 5 </TD></TR></TBODY></TABLE>二十一、另類水晶透明效果邊框一:另類水晶透明效果邊框一內容(寬高自定義.調色要注意深淺)立體水晶透明效果邊框一代碼如下:<TABLE style="BORDER-RIGHT: 1px solid; ; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#19050f height=225 cellSpacing=0 cellPadding=0 width_=225 align=center border=0><TBODY><TR><TD style="FILTER: alpha(opacity=100,finishopacity=10,style=2)" bgColor=#ff359a height=15 align=middle>立體水晶透明效果邊框一</TD></TR><TR><TD height=210>內容(寬高自定義.調色要注意深淺)</TD></TR></TBODY></TABLE>另類水晶透明效果邊框二:另類水晶透明效果邊框二內容(寬高自定義調色要注意深淺)1 2 3 4 5另類水晶透明效果邊框二代碼如下:<TABLE style="BORDER-RIGHT: 1px solid; ; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#19050f height=225 cellSpacing=0 cellPadding=0 width_=225 align=center border=0><TBODY><TR><TD style="FILTER: alpha(opacity=100,finishopacity=10,style=2)" bgColor=#ff359a height=15 align=middle>另類水晶透明效果邊框二</TD></TR><TR><TD height=195>內容(寬高自定義調色要注意深淺)</TD></TR><TR><TD style="FILTER: alpha(opacity=100,finishopacity=10,style=2)" align=right bgColor=#ff359a height=15>1 2 3 4 5 </TD></TR></TBODY></TABLE>二十二、立體水晶透明效果邊框一:立體水晶透明效果邊框一內容(寬高自定義)立體水晶透明效果邊框一代碼如下:<TABLE style="BORDER-RIGHT: 1px solid; ; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#aa0055 height=225 cellSpacing=0 cellPadding=0 width_=225 align=center border=0><TBODY><TR><TD style="FILTER: alpha(opacity=100,finishopacity=10,style=3)" bgColor=#ff359a height=15 align=middle>立體水晶透明效果邊框一</TD></TR><TR><TD height=210>內容(寬高自定義)</TD></TR></TBODY></TABLE>立體水晶透明效果邊框二:立體水晶透明效果邊框二內容(寬高自定義)1 2 3 4 5立體水晶透明效果邊框二代碼如下:<TABLE style="BORDER-RIGHT: 1px solid; ; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#aa0055 height=225 cellSpacing=0 cellPadding=0 width_=225 align=center border=0><TBODY><TR><TD style="FILTER: alpha(opacity=100,finishopacity=10,style=3)" bgColor=#ff359a height=15 align=middle>立體水晶透明效果邊框二</TD></TR><TR><TD height=195>內容(寬高自定義)</TD></TR><TR><TD style="FILTER: alpha(opacity=100,finishopacity=10,style=3)" bgColor=#ff359a height=15 align=right>1 2 3 4 5 </TD></TR></TBODY></TABLE>二十三、漸淡透明效果邊框一:漸淡透明效果邊框一內容(寬高自定義)漸淡透明效果邊框一代碼如下:<TABLE style="BORDER-RIGHT:1px solid; ; BORDER-TOP:1px solid; BORDER-LEFT:1px solid; BORDER-BOTTOM:1px solid" borderColor=#ff359a height=225 cellSpacing=0 cellPadding=0 width_=225 align=center border=0><TBODY><TR><TD style="FILTER: alpha(opacity=100,finishopacity=10,style=1)" bgColor=#ff359a height=15 align=middle>漸淡透明效果邊框一</TD></TR><TR><TD height=210>內容(寬高自定義)</TD></TR></TBODY></TABLE>漸淡透明效果邊框二:漸淡透明效果邊框二內容(寬高自定義)1 2 3 4 5漸淡透明效果邊框二代碼如下:<TABLE style="BORDER-RIGHT: 1px solid; ; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" borderColor=#ff359a height=225 cellSpacing=0 cellPadding=0 width_=225 align=center border=0><TBODY><TR><TD style="FILTER: alpha(opacity=100,finishopacity=10,style=1)" bgColor=#ff359a height=15 align=middle>漸淡透明效果邊框二</TD></TR><TR><TD height=195>內容(寬高自定義)</TD></TR><TR><TD style="FILTER: alpha(opacity=100,finishopacity=10,style=1)" bgColor=#ff359a height=15 align=right>1 2 3 4 5</TD></TR></TBODY></TABLE>* * 似 水 流 雲* * * 精 品 收 藏 * *【原創隨筆】【歷史天空】【幽默爆笑】【電子書籍】【配樂素材】【電腦上網】【書法欣賞】【朗誦素材】【時事評論】【生活百科】【解說詞集】【八卦美圖】【人在職場】【電視攝像】【攝影旅遊】【非線編輯】【音畫欣賞】【新聞採訪】【讀天下書】【股市風雲】【成長教育】【空間資源】【音樂簡譜】【琴棋胡舞】【經典視頻】【制度集粹】【總結文書】【館藏導讀】
更多精彩
更多期待
推薦閱讀：
※sqli-labs注入工具（第六關利用注入POC）
※【代碼應用】用代碼製作滾動文字和帶背景的閃光字
※樂尚商城任意密碼找回
※QQ 代碼
※常用標籤代碼及其應用