純代碼日志邊框旗艦大全

大明湖風(fēng)景區(qū) 2011-03-01

展開全文

純代碼日志邊框旗艦大全

鬼斧神工王者之風(fēng) 禮義誠信一品天下

玩的是技術(shù) 耍的是風(fēng)格演的是多彩講的是誠信交的是緣份

您好！為了向您展示最完美的頁面，本空間日志設(shè)置數(shù)據(jù)相對龐大，歡迎留言，謝絕貼圖！謝謝！愿您本次旅行偷得開心，遛得愉快！歡迎您再次光臨！

序號

常規(guī)樣式演示

HTML代碼復(fù)制區(qū)

001

點線邊框表格

<TABLE style="BORDER-RIGHT: #fff 2px dotted; BORDER-TOP: #fff 2px dotted; BORDER-LEFT: #fff 2px dotted; BORDER-BOTTOM: #fff 2px dotted; BORDER-COLLAPSE: collapse" borderColor=#000000 height=40 cellPadding=1 width=285 align=center border=2>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT color=#ffe4ca>點線邊框表格</FONT></DIV></TD></TR></TBODY></TABLE>

002

虛線邊框表格

<TABLE style="BORDER-RIGHT: #ff9900 2px dashed; BORDER-TOP: #ff9900 2px dashed; BORDER-LEFT: #ff9900 2px dashed; BORDER-BOTTOM: #ff9900 2px dashed; BORDER-COLLAPSE: collapse" borderColor=#000000 height=40 cellPadding=1 width=285 align=center border=1>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT color=#ffe4ca>虛線邊框表格</FONT></DIV></TD></TR></TBODY></TABLE>

003

單線邊框表格

<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#fffff height=40 cellPadding=1 width=285 align=center border=1>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT color=#ffe4ca>單線邊框表格</FONT></DIV></TD></TR></TBODY></TABLE>

004

雙線邊框表格

<TABLE style="BORDER-RIGHT: #ff9900 5pt double; BORDER-TOP: #ff9900 5pt double; BORDER-LEFT: #ff9900 5pt double; BORDER-BOTTOM: #ff9900 5pt double" height=40 width=285 align=center>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT color=#ffe4ca>雙線邊框表格</FONT></DIV></TD></TR></TBODY></TABLE>

005

單棱立體表格

<TABLE style="WIDTH: 285px; HEIGHT: 40px" height=40 cellSpacing=0 borderColorDark=#634d7b cellPadding=1 align=center borderColorLight=#bda6d6 border=9>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT color=#ffe4ca>單棱立體表格</FONT></DIV></TD></TR></TBODY></TABLE>

006

槽線立體表格

<TABLE style="BORDER-RIGHT: #00f901 10px groove; BORDER-TOP: #00f901 10px groove; BORDER-LEFT: #00f901 10px groove; BORDER-BOTTOM: #00f901 10px groove; BORDER-COLLAPSE: collapse" borderColor=#00f901 height=40 cellPadding=1 width=285 align=center border=10>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT color=#ffe4ca>槽線立體表格</FONT></DIV></TD></TR></TBODY></TABLE>

007

脊線立體表格

<TABLE style="BORDER-RIGHT: #00f901 10px ridge; BORDER-TOP: #00f901 10px ridge; BORDER-LEFT: #00f901 10px ridge; BORDER-BOTTOM: #00f901 10px ridge; BORDER-COLLAPSE: collapse" borderColor=#00f901 height=40 cellPadding=1 width=285 align=center border=10>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT color=#ffe4ca>脊線立體表格</FONT></DIV></TD></TR></TBODY></TABLE>

008

內(nèi)凹立體邊框

<TABLE style="BORDER-RIGHT: #00f901 10px inset; BORDER-TOP: #00f901 10px inset; BORDER-LEFT: #00f901 10px inset; BORDER-BOTTOM: #00f901 10px inset; BORDER-COLLAPSE: collapse" borderColor=#00f901 height=40 cellPadding=1 width=285 align=center border=10>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT color=#ffe4ca>內(nèi)凹立體邊框</FONT></DIV></TD></TR></TBODY></TABLE>

009

外凸立體邊框

<TABLE style="BORDER-RIGHT: #00f901 10px outset; BORDER-TOP: #00f901 10px outset; BORDER-LEFT: #00f901 10px outset; BORDER-BOTTOM: #00f901 10px outset; BORDER-COLLAPSE: collapse" borderColor=#00f901 height=40 cellPadding=1 width=285 align=center border=10>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT color=#ffe4ca>外凸立體邊框</FONT></DIV></TD></TR></TBODY></TABLE>

010

方點帶線邊框

<TABLE style="BORDER-RIGHT: #ccff66 5px dotted; BORDER-TOP: #ccff66 5px dotted; BORDER-LEFT: #ccff66 5px dotted; WIDTH: 252px; BORDER-BOTTOM: #ccff66 5px dotted; HEIGHT: 40px" cellSpacing=3 align=center bgColor=#ccff66>
<TBODY>
<TR bgColor=#111111>
<TD>
<DIV align=center><FONT color=#ffe4ca>方點帶線邊框</FONT></DIV></TD></TR></TBODY></TABLE>

011

外虛內(nèi)實邊框

</TR></TBODY></TABLE>

012

無邊色版表格

<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#00bfff height=40 cellPadding=1 width=252 align=center bgColor=#00bfff border=0>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT color=#ffe4ca>無邊色版表格</FONT></DIV></TD></TR></TBODY></TABLE>

013

凸凹立體表格

<DIV style="BORDER-RIGHT: 8px outset; BORDER-TOP: 8px outset; BORDER-LEFT: 8px outset; WIDTH: 278px; BORDER-BOTTOM: 8px outset; HEIGHT: 24px; BACKGROUND-COLOR: #e6e6fa"><FONT color=#000>凸凹立體表格</FONT></DIV></CENTER>

014

靜動圖片表格

<TABLE style="BACKGROUND-IMAGE: url(粘貼圖片地址)" borderColor=#000000 cellSpacing=0 cellPadding=0 width=252 align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD> 靜動圖片表格
</TD></TR></TBODY></TABLE>

使用貼圖簽名圖流水性評論者我謹(jǐn)代表黨中央深表遺憾

【代碼說明】表格代碼除了制表用外，還有一個很重要的作用就是編寫日志時割分版塊，就是說能把一篇日志版面分割成幾個文版模塊！以上代碼中的width=285 是表格的寬度。 height=40 是表格的高度。<TR> 是換行作用。<TD> 是列，編輯文件是在列上，從左至右。cellSpacing=2 表示外表格框與內(nèi)表格框的距離，默認(rèn)值為二個像素；cellPadding=2 表示圖與邊框四周的距離，默認(rèn)為二個像素。border=0 邊框?qū)挾饶J(rèn)值為0，即沒有邊框；bgColor=# ff0000 代表背景顏色；borderColor=# ff0000代表邊框顏色；borderColorDark=# 00ff00 代表內(nèi)邊框上左的顏色，又叫暗邊框的顏色；bordercolorlight=# 0000FF 代表內(nèi)邊框下的右顏色，又叫亮邊框的顏色。以上代碼中的各個數(shù)值僅做說明使用，在引用中應(yīng)按實際需要另行調(diào)整！代碼中的# 00ff00為顏色代碼可以隨意更換，十六進(jìn)制顏色參考明細(xì)表請點擊這里。祝您成功！

〓★★★〓創(chuàng)意來自靈感實力締造非凡〓★★★〓
特效字體的設(shè)置方法					怎樣用圖片代碼做閃光字
我的空間導(dǎo)航	發(fā)光字任意設(shè)			圖片在線生成		怎樣添加動畫
空間超級鏈接	播放器大解密			網(wǎng)速特慢咋辦		空間有問必答
多功能日志播放器		查看相關(guān)的更多信息			怎樣用圖片濾鏡特效
進(jìn)制顏色代碼	高清晰ps視頻教程		高清晰u5視頻教程			日志鼠標(biāo)特效

〓★〓鬼斧神工一品天下禮義誠信一品天下〓★〓