（原創(chuàng)）圖片加框DIY
╠博客學(xué)堂╣ 2009-10-24 17:14:30 閱讀880 評論58 字號：大中小
一、給圖片加顏色框：
代 碼 如 下:<TABLE borderColor=#90fc00 width=150
cellSpacing=2 cellPadding=1 border=6>
<TBODY>
<TR>
<TD>
<IMG height=200 src="圖片地址" width=150>
</TD></TR></TBODY></TABLE>
說明：borderColor=#90fc00為邊框顏色，具體顏色可參照——《
HTML顏色代碼表 》
border=6為邊框厚度，width=150為邊框?qū)挾?，根?jù)圖片寬度設(shè)定，邊框高度一般不用寫入，由圖片自行撐展，height=200 width=150為圖片高度與寬度，可以減少或增加數(shù)據(jù)來調(diào)整圖片的大小。更詳盡的邊框制作請看——《
十分鐘學(xué)會做邊框 》
粒狀邊框代碼:<div style="text-align: center"><img style="filter: progid:DXImageTransform.Microsoft.Glow(color=#009966,strength=20" alt="" src="圖片地址"></div>
color=#009966為邊框顏色strength=20為邊框厚度
立體邊框效果代碼:<TABLE style="FILTER: progid:dximagetransform.microsoft.shadow(color:#00DD00 ection:145,strength:15)" cellSpacing=10 cellPadding=15 width=150 border=5>
<TBODY>
<TR>
<TD vAlign=center align=middle><IMG src="圖片地址"></TD></TR></TBODY></TABLE>
框體顏色與厚度大家可自行調(diào)整
二、給圖片加素材框：
加入素材框代碼1:<TABLE cellSpacing=0 cellPadding=0 width=邊框?qū)挾?align=center background=框內(nèi)的圖片地址 border=0>
<TBODY>
<TR>
<TD background=邊框圖片地址 height=邊框高度></TD></TR></TBODY></TABLE>
說明：圖片與邊框只能選擇規(guī)格大小相近的，height=邊框高度記得寫上，圖片才能完整顯示。更多的相框素材請看——《
相框素材庫 》
加入素材框代碼2:<TABLE cellSpacing=8 cellPadding=0 width=邊框?qū)挾?align=center background=邊框圖片地址 border=0>
<TBODY>
<TR>
<TD><IMG height=184 src="圖片地址" width=124></TD></TR></TBODY></TABLE>
說明：這款代碼優(yōu)點就是大圖片通過調(diào)整也能加入小邊框，但如果邊框為不規(guī)則，框內(nèi)圖片很難調(diào)整，如效果圖把邊框四個角的紅心遮住了，cellSpacing=8為邊框厚度，相應(yīng)的框內(nèi)圖片大小根據(jù)比例調(diào)整。
加入素材框代碼3:<TABLE cellSpacing=8 cellPadding=0 width=邊框?qū)挾?align=center background=邊框圖片地址 border=0>
<TBODY>
<TR>
<TD><IMG src="圖片地址" ></TD></TR></TBODY></TABLE>
說明：這款代碼與上款是一樣的，不過這款的邊框背景圖片選擇不一樣，這款選取閃底圖片作為框體，而且框內(nèi)圖片大小沒有限制。
閃底素材請看——《
背景圖片素材匯總 》
滾動條框制作方法與代碼 十分鐘學(xué)會做邊框 日志圖文排列樣式與代碼 一分鐘建立自已的博客日報 移動文字全都匯圖框鏈接教你做特效文字代碼大全圖片特效代碼大全 一分鐘學(xué)會查找音樂地址 一分鐘學(xué)會查找日志地址幻燈片制作方法與代碼背景圖片素材匯總如何給日志做封面 圖片移動跟我學(xué)彩色閃字教你做 博客時鐘自己做 Q仔*網(wǎng)易博客聲明：轉(zhuǎn)載本站內(nèi)容請遵循“署名·非商業(yè)用途·保持一致”的創(chuàng)作共用協(xié)議。正常引用··拒絕盜版··所有內(nèi)容不得刪除篡改（包括本站所有鏈接）··祝您閱覽愉快！
博客學(xué)堂電腦學(xué)堂素材超市軟件教程博客代碼精美圖庫音畫圖文經(jīng)典摘錄休閑娛樂藝術(shù)殿堂模塊共享收藏本站交換鏈接博友推薦查看關(guān)于本站的更多信息站內(nèi)留言灌水特區(qū)如果你喜歡此日志，請點擊下面的“推薦”，
讓大家分享，也算是對Q仔的支持，謝謝！
