製框 - 龍蓮的部落格 - udn部落格

網路城邦

字體：小中大

製框

2008/05/17 21:32:48瀏覽18｜回應0｜推薦0

線框顏色請參考：色碼表

製框

txio無聊製框

喜歡就帶回家嘿

不用客氣唷

只作了幾個充數

作的不好請告知偶

接下來教大家製作自己的框

以下是語法參考

<div align=center>
<table style="BORDER-LEFT-COLOR: 最外框框線顏色; BORDER-BOTTOM-COLOR:框線顏色 BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: 框線顏色; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: 框線顏色; BORDER-BOTTOM-STYLE: ridge" cellSpacing=0 cellPadding=0 border=框線寬度>
<tbody>
<tr>
<td>
<table cellSpacing=6 cellPadding=0 background=外圖圖片網址 border=1>
<tbody>
<tr>
<td>
<table style="BORDER-LEFT-COLOR: 框線顏色; BORDER-BOTTOM-COLOR: 框線顏色; BORDER-TOP-STYLE: groove; BORDER-TOP-COLOR:框線顏色 ; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: 框線顏色; BORDER-BOTTOM-STYLE: groove" cellSpacing=1 cellPadding=1 align=center border=框線寬度>
<tbody>
<tr>
<td>
<table style="BORDER-LEFT-COLOR: 框線顏色; BORDER-BOTTOM-COLOR: 框線顏色; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: 框線顏色; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: 框線顏色; BORDER-BOTTOM-STYLE: ridge" cellSpacing=0 cellPadding=0 border=框線寬度>
<tbody>
<tr>
<td>
<table cellSpacing=6 cellPadding=0 background=內圖圖片網址 border=0>
<tbody>
<tr>
<td>
<table style="BORDER-LEFT-COLOR: 最內框框線顏色; BORDER-BOTTOM-COLOR: 框線顏色; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: 框線顏色; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: 框線顏色; BORDER-BOTTOM-STYLE: ridge" cellSpacing=2 cellPadding=2 border=框線寬度>
<tbody>
<tr>
<td>
<div align=center><font color=#ff0000></font> </div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div>
<div align=center> </div>

語法比一比

<div align=center>
<table style="BORDER-LEFT-COLOR: #00ff33; BORDER-BOTTOM-COLOR: #00ff33; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #00ff33; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: #00ff33; BORDER-BOTTOM-STYLE: ridge" cellSpacing=0 cellPadding=0 border=7>
<tbody>
<tr>
<td>
<table cellSpacing=6 cellPadding=0 background=http://sl.glitter-graphics.net/pub/437/437696eqj3j1ujsm.gif border=1>
<tbody>
<tr>
<td>
<table style="BORDER-LEFT-COLOR: #ffff22; BORDER-BOTTOM-COLOR: #ffff22; BORDER-TOP-STYLE: groove; BORDER-TOP-COLOR: #ffff22; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: #ffff22; BORDER-BOTTOM-STYLE: groove" cellSpacing=1 cellPadding=1 align=center border=4>
<tbody>
<tr>
<td>
<table style="BORDER-LEFT-COLOR: #7700aa; BORDER-BOTTOM-COLOR: #7700aa; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #7700aa; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: #7700aa; BORDER-BOTTOM-STYLE: ridge" cellSpacing=0 cellPadding=0 border=5>
<tbody>
<tr>
<td>
<table cellSpacing=6 cellPadding=0 background=http://sl.glitter-graphics.net/pub/972/972559cscdell87l.gif border=0>
<tbody>
<tr>
<td>
<table style="BORDER-LEFT-COLOR: #99cc33; BORDER-BOTTOM-COLOR: #99cc33; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #99cc33; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-COLLAPSE: collapse; BORDER-RIGHT-COLOR: #99cc33; BORDER-BOTTOM-STYLE: ridge" cellSpacing=2 cellPadding=2 border=5>
<tbody>
<tr>
<td>
<div align=center><font color=#ff0000></font> </div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div>
<div align=center> </div>

( 知識學習｜檔案分享 )

粉絲團