教你如何用代碼做日誌邊框

亞日祝福你幸福快樂!

單一的邊框代碼<DIV><P><TABLE style="BACKGROUND-IMAGE: url(自己喜歡的圖片地址); BORDER-TOP-STYLE: groove; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BORDER-BOTTOM-STYLE: groove" cellSpacing=27 cellPadding=27 align=center border=2><TBODY><TR><TD width_=0%><DIV align=center>&nbsp;</DIV></TD></TR></TBODY></TABLE></P></DIV>效果圖如下: 自己想寫的字說明:cellSpacing=27 (27為邊框寬度);cellPadding=27 (27為邊框高度);border=2(2為邊框外邊厚度)套裝的邊框代碼<DIV><DIV><DIV><DIV><DIV><P><TABLE style="BACKGROUND-IMAGE: url(自己喜歡的圖片地址一); BORDER-TOP-STYLE: groove; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BORDER-BOTTOM-STYLE: groove" cellSpacing=27 cellPadding=27 align=center border=2><TBODY><TR><TD width_=0%><DIV align=center><TABLE style="BACKGROUND-IMAGE: url(自己喜歡的圖片地址二);BORDER-TOP-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-BOTTOM-STYLE: dotted" borderColor=#ff9900 cellSpacing=5 cellPadding=5 align=center bgColor=#000000 border=0><TBODY><TR><TD width_=0%><DIV align=center><TABLE style="BACKGROUND-IMAGE: url(自己喜歡的圖片地址三);BORDER-TOP-STYLE: double; BORDER-RIGHT-STYLE: double; BORDER-LEFT-STYLE: double; BORDER-BOTTOM-STYLE: double" borderColor=#ff9900 cellSpacing=10 cellPadding=10 align=center bgColor=#000000 border=0><TBODY><TR><TD width_=0%><DIV align=center><TABLE style="BACKGROUND-IMAGE: url(自己喜歡的圖片地址四);BORDER-TOP-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-BOTTOM-STYLE: dotted" borderColor=#ff9900 cellSpacing=8 cellPadding=8 align=center bgColor=#000000 border=0><TBODY><TR><TD width_=0%><DIV align=center><TABLE style="BACKGROUND-IMAGE: url(自己喜歡的圖片地址五);BORDER-TOP-STYLE: double; BORDER-RIGHT-STYLE: double; BORDER-LEFT-STYLE: double; BORDER-BOTTOM-STYLE: double" borderColor=#ff9900 cellSpacing=8 cellPadding=8 align=center bgColor=#000000 border=0><TBODY><TR><TD><P align=center><FONT color=#ff0000><U></U></FONT>&nbsp;</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></P></DIV></DIV></DIV></DIV></DIV>說明:圖片地址1-5的順序是從外到里本日誌邊框效果圖如下:寫上自己想寫的字以下圖片供你使用-

--

--

-

-

-

--

-

-

-

-

-

-

-

-

-

-


推薦閱讀:

藍白花邊框
詩情畫意邊框
免扣邊框
兩款常用邊框(17)
CSS打造水晶邊框

TAG:代碼 | 邊框 | 日誌 |