博客留言交換鏈接本站資源電子郵件QQ互動原 始 代 碼 <TABLE style="BORDER-RIGHT: #0000ff 7pt double; BORDER-TOP: #0000ff 7pt double; BORDER-LEFT: #0000ff 7pt double; BORDER-BOTTOM: #0000ff 7pt double" width="80%" align=center>
<TBODY>
<TR>
<TD bgColor=#ffffff>填寫內容</TD></TR></TBODY></TABLE>
代碼解析:1、BORDER-RIGHT:表示該邊框的右邊框線;LEFT表示左邊框線;TOP、BOTTOM表示上、下邊框線;
2、#0000ff 表示該邊框線的顏色,有關顏色的選取請參照
〓博客顏色代碼表〓3、7pt表示該邊框線的粗細度,可根據(jù)需要改變其數(shù)值;
4、上述代碼中的紅色部分double表示該邊框為單線邊框、double為雙線邊框、outset表示為凸出型邊框、inset為凹槽型邊框、dashed為虛線型邊框等
5、align=center 表示該邊框在日志中居正中位置, 需要說明的是:日志頁面的總寬度一在720至800之間.只有寬度值小于700以下時,邊框才會出現(xiàn)居左、居右或居中的現(xiàn)象; align=left 居左 align=right 居右
6、如果去除上述代碼中的最后一行中的bgColor=#ffffff
代碼, 最終該邊框內部的顏色顯示為你日志頁面的顏色.如果你想在該邊框內添加一種背景顏色,只要在粉紅處改變顏色代碼即可. 例:#ffffff表示內框背景為白色,現(xiàn)在需要黑色作為背景顏色只要改為#00000即可.
改變上述代碼中的部分代碼及數(shù)值后,就可以獲得各種顏色形狀不同的邊框.1、單線型邊框樣式與代碼: <TABLE style="BORDER-RIGHT: #0000ff 4pt solid; BORDER-TOP: #0000ff 4pt solid; BORDER-LEFT: #0000ff 4pt solid; BORDER-BOTTOM: #0000ff 4pt solid" width="99%" align=center>
<TBODY>
<TR>
<TD bgColor=#999999>填寫內容</TD></TR></TBODY></TABLE>
2、雙線型邊框樣式與代碼: <TABLE style="BORDER-RIGHT: #00ff00 7pt double; BORDER-TOP: #00ff00 7pt double; BORDER-LEFT: #00ff00 7pt double; BORDER-BOTTOM: #00ff00 7pt double" width="99%">
<TBODY>
<TR>
<TD bgColor=#ffffff>填寫內容</TD></TR></TBODY></TABLE>
3、凸出型邊框樣式與代碼: <TABLE style="BORDER-RIGHT: #999999 11pt outset; BORDER-TOP: #999999 11pt outset; BORDER-LEFT: #999999 11pt outset; BORDER-BOTTOM: #999999 11pt outset"width="99%" align=center>
<TBODY>
<TR>
<TD bgColor=#111111>填寫內容</TD></TR></TBODY></TABLE>
4、凹陷型邊框樣式與代碼: <TABLE style="BORDER-RIGHT: #880000 11pt inset; BORDER-TOP: #880000 11pt inset; BORDER-LEFT: #880000 11pt inset; BORDER-BOTTOM: #880000 11pt inset" width="99%" align=center>
<TBODY>
<TR>
<TD bgColor=#000000>填寫內容</TD></TR></TBODY></TABLE>
5、虛線型邊框樣式與代碼: <TABLE style="BORDER-RIGHT: #cc33ff 3pt dashed; BORDER-TOP: #cc33ff 3pt dashed; BORDER-LEFT: #cc33ff 3pt dashed; BORDER-BOTTOM: #cc33ff 3pt dashed" width="99%" align=center>
<TBODY>
<TR>
<TD bgColor=#99ff00>填寫內容</TD></TR></TBODY></TABLE>
6、脊狀立體邊框樣式與代碼: <TABLE style="BORDER-RIGHT: #00ff00 14pt ridge; BORDER-TOP: #00ff00 14pt ridge; BORDER-LEFT: #00ff00 14pt ridge; BORDER-BOTTOM: #00ff00 14pt ridge" width="99%" align=center>
<TBODY>
<TR>
<TD bgColor=#ccffcc>填寫內容</TD></TR></TBODY></TABLE>
7、粒狀陰影框樣式與代碼: <TABLE style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ccFF66,
strength=20" height=55 cellSpacing=6 cellPadding=0 width="99%" border=1>
<TBODY>
<TR>
<TD bgColor=ccff11>填寫內容</TD></TR></TBODY></TABLE>
8、立體陰影框樣式與代碼: <TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,
direction:145, strength:15)" height=55 cellSpacing=6 width="99%" border=1>
<TBODY>
<TR>
<TD bgColor=#eeeeee>填寫內容</TD></TR></TBODY></TABLE>
9、郵票型邊框樣式與代碼: <TABLE style="BORDER-RIGHT: #ccFF66 5px dashed; BORDER-TOP: #ccFF66 5px dashed; BORDER-LEFT: #ccFF66 5px dashed; WIDTH: 720px; BORDER-BOTTOM: #ccFF66 5px dashed; HEIGHT: 50px" cellSpacing=8 bgColor=#ccFF66>
<TBODY>
<TR bgColor=#00ccff >
<TD>填寫內容</TD></TR></TBODY></TABLE>
10, 凹狀雙內虛線框樣式與代碼: <TABLE borderColor=#00cc00 cellSpacing=2 cellSpacing=1 width=720 align=center border=10>
<TBODY>
<TR>
<TD style="border:3 dashed #00cc00">填寫內容</TD></TR></TBODY></TABLE>
11, 點狀虛線框樣式與代碼：<TABLE style="BORDER-RIGHT: #ccFF66 8px dotted; BORDER-TOP: #ccFF66 8px dotted; BORDER-LEFT: #ccFF66 8px dotted; BORDER-BOTTOM: #ccFF66 8px dotted; WIDTH: 720px; HEIGHT: 50px" cellSpacing=5 bgColor=#ccff66>
<TBODY>
<TR bgColor=#111111>
<TD>填寫內容</TD></TR></TBODY></TABLE>
12, 點狀內虛線框樣式與代碼: <TABLE borderColor=#00cc00 cellSpacing=2 width=720 align=center border=10>
<TBODY>
<TR>
<TD style="BORDER-RIGHT: #00cc00 3px dotted; BORDER-TOP: #00cc00 3px dotted; BORDER-LEFT: #00cc00 3px dotted; BORDER-BOTTOM: #00cc00 3px dotted">填寫內容</TD></TR></TBODY></TABLE>
〓〓更多的樣式等著你去發(fā)現(xiàn)〓〓 滾動條框制作方法與代碼日志圖文排列樣式與代碼一分鐘學會查找音樂地址 博客基本代碼解讀大全如何給日志做封面 如何在博客設置QQ互動特殊符號應用實例與代碼如何在留言評論中貼圖文字特效代碼大全 圖片特效代碼大全 移動文字全都匯圖框鏈接教你做 幻燈片制作方法與代碼實用表格樣式代碼匯總 博客技巧電腦學堂素材基地軟件學院音畫視聽精彩圖酷博客代碼書畫藝術游戲大廳精美邊框頂欄模版時鐘超市flash素材影音素材查看關于本站的更多信息經(jīng)典摘錄收藏本站如果你喜歡此日志，請點擊日志左下方的“推薦”，
讓大家分享，也算是對
寒情的支持，謝謝！
