国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
18用代碼為相片加相框的方法
用代碼為相片加相框的方法
根據(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;">
一張小美女相片:
內(nèi)徑?jīng)]有背景的相框:
套用css語句相片加相框?qū)嵗贝a:
先貼相片后加疊相框的效果:
套用css語句相片加相框?qū)嵗?
一張小美女相片:
內(nèi)徑?jīng)]有背景的相框:
套用css語句相片加相框?qū)嵗?代碼:
先貼相片后加疊相框的效果:
套用css語句相片加相框?qū)嵗?
一張小美女相片:
內(nèi)徑?jīng)]有背景的相框:
套用css語句相片加相框?qū)嵗?代碼:
先貼相片后加疊相框的效果:
原創(chuàng)編輯:游子
2005年10月試編 2006年06月改編
2007年04月改編 2008年11月改編
(為了讓更多網(wǎng)友學(xué)用html代碼制作音畫貼,本貼歡迎轉(zhuǎn)載.但是.我用了很多時間和精力編寫這些資料的,轉(zhuǎn)載時請注意網(wǎng)絡(luò)上的榮辱公德不要把原創(chuàng)編輯游子的名字改掉。謝謝?。?
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊舉報。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
相片加相框的方法
web基礎(chǔ)學(xué)習(xí)(十五)CSS3響應(yīng)式布局
玩轉(zhuǎn)表單之花樣表單 表單,花樣表單 [網(wǎng)頁制作HTMLCSS] IT.com.cn IT世界網(wǎng)
用CSS控制輸入框input樣式,懸停交互如何實現(xiàn)
音畫制作【邊框制作】(二)
CSS讓文本框與按鈕變個樣_魔淩門
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服