用代碼為相片加相框的方法
根據(jù)相框素材不同類形,采用不同的加疊方法.即相框花邊內(nèi)徑直線整齊方形或矩形的(非透明的).先貼相框,后貼相片.相框花邊內(nèi)徑圓形、橢圓形和各種不規(guī)則圖案的,而且相框內(nèi)徑空白的(透明的),先貼相片,后貼相框.
(一)相框內(nèi)徑直線整齊的(非透明的),先貼相框,后貼相片的代碼:
<TABLE cellSpacing=0 cellPadding=0 width="寬度" height="高度" bordercolor=0000ff > background="相框地址" border=0>
<TR>
<td ><CENTER>
<INPUT type=image height="寬度" width=370 src="相片地址">
</CENTER>
</TD></TR></TABLE>
◆代碼中藍色字體是表格首標簽,先貼相框.
◆代碼中紅色字體是貼圖標簽,插入相片.
◆表格的寬和高大小一定要按相框原有尺寸.
◆相片的大小可適當(dāng)調(diào)整,但不能太多,以免造成相片失真.
◆相片和相框選配時形狀應(yīng)相接近.
下面是一張內(nèi)徑直線整齊的相框圖片:
http://www.ease-soft.com/frames/larges/inpackets/002/00216.jpg
501*501
一張風(fēng)景圖片:
http://gb.cri.cn/mmsource/images/2007/03/22/nc070322007.jpg
390*455 內(nèi)徑直線整齊的相框,先貼相框,后貼相片的代碼:
顯示結(jié)果:
(二)透明的相框用定位方法先貼相框,后貼相片的代碼:
相框內(nèi)徑圓形、橢圓形和各種不規(guī)則圖案的相框,如果先貼相框后貼相片,會把相框的圓形或花邊復(fù)蓋掉,無法顯示相框的優(yōu)美特點.調(diào)用css語法,在htnl標簽行內(nèi)套用相對定位和絕對定位語句 ,采用先貼相片后貼相框的方法,可以達到較佳的效果.但相框素材必須是內(nèi)徑無背景無畫布空白的(透明的).
<TABLE id=table style="LEFT: 0px; WIDTH: 500px; POSITION: relative; TOP: 0px; HEIGHT: 600px; ridge: " background=border=0>
<TR>
<TD>
<INPUT style="LEFT: 40px; WIDTH: 400px; POSITION: absolute; TOP: 0px; HEIGHT: 560px" type=image width=400 src="相片地址">
</INPUT>
<INPUT style="LEFT: -20px; WIDTH: 500px; POSITION: absolute; TOP: -20px; HEIGHT: 600px" type=image width=500 src="相框地址">
</INPUT>
</TD></TR></TABLE>
◆代碼中黑色字體是表格標簽,設(shè)置相對定位 POSITION: relative,作為容器.
◆代碼中紅色字體是設(shè)置絕對定位代碼POSITION: absolute,先貼圖片.
◆代碼中藍色字體是設(shè)置絕對定位代碼POSITION: absoluteN,在圖片一面加疊相框.
◆以上三條標簽中都有style語句,這是套用css的標記.
◆位置控制語句的理解.LEFT(水平的距離),TOP(垂直的距離).
◆表格標簽LEFT和TOP的啟始值均設(shè)為零,作為本圖框內(nèi)所有插入內(nèi)容位置的基準.
◆插入相片的位置控制,LEFT: 40px; WIDTH: 400px即距表格左邊40px啟400px寬.
◆插入相框的位置控制,LEFT: -20px; WIDTH: 500px即距表格左邊-20px啟500px寬.
◆水平距離啟始LEFT.?dāng)?shù)值大離左邊就遠,如果是負數(shù),則溢出表格定位范圍的左邊.
◆垂直距離啟始,TOP.?dāng)?shù)值大離頂邊就低,如果是負數(shù),則溢出表格定位范圍的頂邊.
◆相片加相框是否完美,在于調(diào)整位置參數(shù).
套用css語句相片加相框?qū)嵗?div style="height:15px;">
(為了讓更多網(wǎng)友學(xué)用html代碼制作音畫貼,本貼歡迎轉(zhuǎn)載.但是.我用了很多時間和精力編寫這些資料的,轉(zhuǎn)載時請注意網(wǎng)絡(luò)上的榮辱公德不要把原創(chuàng)編輯游子的名字改掉。謝謝?。?