用顏色製作簡單的立體邊框

用顏色製作簡單的立體邊框

2011-07-04 15:18:02|分類： 代碼基地 |字型大小訂閱

1.用顏色製作立體邊框表格背景代碼：<TABLEstyle="BORDER-RIGHT:#ff000020pxinset;BORDER-TOP:#ff000020pxinset;BORDER-LEFT:#ff000020pxinset;BORDER-BOTTOM:#ff000020pxinset"borderColor=#FFFFFFheight=130cellSpacing=3cellPadding=0width_=600align=centerborder=1><TBODY><TRbgColor=#000000><TD>寫上文字或粘貼圖片</TD></TR></TBODY></TABLE>上文字「style=」後面的BORDER-RIGHT:#ff0000（表示右邊邊框顏色）BORDER-TOP:#ff0000（表示頂上邊框顏色）BORDER-LEFT:#ff0000（表示左邊邊框顏色）BORDER-BOTTOM:#ff0000（表示底下邊框顏色）所有的「20pxinset;」（均表示邊框寬度值為20）borderColor=#FFFFFF表示表格框線的顏色<TR>中的bgColor=#000000表示邊框表格內的背景顏色或粘貼圖片2.用圖片為背景製作日誌邊框底圖代碼：<TABLEstyle="BORDER-RIGHT:#ff000020pxinset;BORDER-TOP:#ff000020pxinset;BORDER-LEFT:#ff000020pxinset;BORDER-BOTTOM:#ff000020pxinset"borderColor=#FFFFFFheight=130cellSpacing=3cellPadding=0width_=600align=centerborder=1><TBODY><TR><TDbackground=http://img840.ph.126.net/UPyimCzVhMiuyAH1kBrpsQ==/794603859255321646.gif>寫上文字或粘貼圖片</TD></TR></TBODY></TABLE>看，這是在原有的基礎代碼上加了圖片為背景，不錯吧。邊框的表框顏色代碼未變，變的只是<TD>中多了一個圖片代碼「background=http://img840.ph.126.net/UPyimCzVhMiuyAH1kBrpsQ==/794603859255321646.gif」藍色地方為圖片地址，可以更換自己喜歡的圖片地址哦！

轉發至微博
推薦閱讀：