(原创)图片加框DIY
╠博客学堂╣ 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为边框宽度,根据图片宽度设定,边框高度一般不用写入,由图片自行撑展,height=200 width=150为图片高度与宽度,可以减少或增加数据来调整图片的大小。更详尽的边框制作请看——《
十分钟学会做边框 》
粒状边框代码:<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>
框体颜色与厚度大家可自行调整
二、给图片加素材框:
加入素材框代码1:<TABLE cellSpacing=0 cellPadding=0 width=边框宽度 align=center background=框内的图片地址 border=0>
<TBODY>
<TR>
<TD background=边框图片地址 height=边框高度></TD></TR></TBODY></TABLE>
说明:图片与边框只能选择规格大小相近的,height=边框高度记得写上,图片才能完整显示。更多的相框素材请看——《
相框素材库 》
加入素材框代码2:<TABLE cellSpacing=8 cellPadding=0 width=边框宽度 align=center background=边框图片地址 border=0>
<TBODY>
<TR>
<TD><IMG height=184 src="图片地址" width=124></TD></TR></TBODY></TABLE>
说明:这款代码优点就是大图片通过调整也能加入小边框,但如果边框为不规则,框内图片很难调整,如效果图把边框四个角的红心遮住了,cellSpacing=8为边框厚度,相应的框内图片大小根据比例调整。
加入素材框代码3:<TABLE cellSpacing=8 cellPadding=0 width=边框宽度 align=center background=边框图片地址 border=0>
<TBODY>
<TR>
<TD><IMG src="图片地址" ></TD></TR></TBODY></TABLE>
说明:这款代码与上款是一样的,不过这款的边框背景图片选择不一样,这款选取闪底图片作为框体,而且框内图片大小没有限制。
闪底素材请看——《
背景图片素材汇总 》
滚动条框制作方法与代码 十分钟学会做边框 日志图文排列样式与代码 一分钟建立自已的博客日报 移动文字全都汇图框链接教你做特效文字代码大全图片特效代码大全 一分钟学会查找音乐地址 一分钟学会查找日志地址幻灯片制作方法与代码背景图片素材汇总如何给日志做封面 图片移动跟我学彩色闪字教你做 博客时钟自己做 Q仔*网易博客声明:转载本站内容请遵循“署名·非商业用途·保持一致”的创作共用协议。正常引用··拒绝盗版··所有内容不得删除篡改(包括本站所有链接)··祝您阅览愉快!
博客学堂电脑学堂素材超市软件教程博客代码精美图库音画图文经典摘录休闲娱乐艺术殿堂模块共享收藏本站交换链接博友推荐查看关于本站的更多信息站内留言灌水特区如果你喜欢此日志,请点击下面的“推荐”,
让大家分享,也算是对Q仔的支持,谢谢!
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。