有朋友想學(xué)習(xí)怎樣制作日志邊框,于是給日志邊框代碼做了個(gè)簡(jiǎn)單的注釋,以方便初學(xué)著
<TABLE style="POSITION: relative; WIDTH: 900px; TOP: 0px; LEFT: 0px" borderColor=#000000 cellSpacing=30 cellPadding=0 width=100% background=第一層邊框背景(圖片地址) border=1 align=center>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 cellSpacing=22 cellPadding=0 width=100% align=center background=第二層邊框背景(圖片地址) border=1 align=center>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 cellSpacing=10 cellPadding=0 width=100% align=center background=第三層邊框背景(圖片地址) border=1 align=center>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 cellSpacing=5 cellPadding=0 width=100% align=center background=第四層邊框背景(圖片地址) border=1 align=center>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 cellSpacing=1 cellPadding=0 width=100% align=center background=底圖背景地址(寫日志的純色圖片) border=1 align=center>
<TBODY>
<TR>
<TD>
插入文字或圖片內(nèi)容
</TD></TR></TBODY></TABLE>
插入圖片的代碼: <P align=center><img src="圖片鏈接地址"></P>
插入FLASH動(dòng)畫代碼:
<P align=center><EMBED pluginspage=
http://www.macromedia.com/go/getflashplayer src=動(dòng)畫地址 width=寬度 height=高度 type=application/x- shockwave-flash quality="high" wmode="opaque"></P>
代碼說(shuō)明
WIDTH: 900px 邊框的寛度 TOP: 0px 邊框上邊距,改變數(shù)值調(diào)節(jié)邊框的垂直位置
LEFT: 0px 左邊距,改變數(shù)值調(diào)節(jié)邊框的水平位置
borderColor=#000000 是邊框的顏色
cellSpacing=22 表示兩層邊框之間的距離,也就是顯示出來(lái)的圖片的寛度
cellPadding=0 表示邊框與要插入的內(nèi)容(文字·圖片)之間的距離
border=1 表示邊框的粗細(xì),如果隱藏邊框,設(shè)置為0
align=center 表示居中,也可以是Left(左對(duì)齊)、 和Right(右對(duì)齊)
background= 如果不想要圖片做邊框 可以不加圖片,去掉就background=就行
</TD></TR></TBODY></TABLE> 這組是結(jié)束語(yǔ),多少層邊框就加上多少組,當(dāng)然也可以不加,系統(tǒng)會(huì)自動(dòng)幫你添上
當(dāng)你需要邊框產(chǎn)生立體感時(shí),用borderColorLight=#001780 和borderColorDark=#02051e 換下borderColor=#000000,
borderColorLight:亮色邊框; borderColorDark:暗色邊框,分別對(duì)應(yīng)
右上兩條邊框和左下兩條邊框,顏色選同一色系為好
最后一層是代表寫日志的圖片 就是底圖 最好用純色的
第一層(最外面一層)代碼決定邊框的位置和寬度,第二層開始,后面層的代碼都相同,所有數(shù)值都可以隨自己喜好加減。邊框最多九層,超過(guò)9層就顯的雜亂,不好看。
一鍵分享到: