注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

清风的博客

我为人人,人人为我。

 
 
 

日志

 
 

【原创】图片无缝拼接代码  

2013-05-24 17:56:02|  分类: 【图片代码】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
两张图片重叠的代码  


 


代码

1、<P style="TEXT-INDENT: 2em"><BR>&nbsp;<BR>
<TABLE border=2 cellSpacing=10 borderColor=#009900 cellPadding=10 width=500 background=http://img7.ph.126.net/zdvNExGa2TYacbs3cJKe0w==/1787366102114588057.gif align=center height=500>
<TBODY>
<TR>
<TD>
<P style="TEXT-INDENT: 2em"></P>
<TABLE cellSpacing=0 cellPadding=0 width=400>
<TBODY>
<TBODY>
<TR></TR></TBODY></TABLE>
<TABLE style="FILTER: Alpha(opacity=100,style=3)" cellSpacing=0 cellPadding=0 width=400>
<TBODY>
<TR>
<TD height=300 background=http://img5.ph.126.net/8P7uL61520eY5Ir5e_uViw==/2043508330921276835.gif width=400></TD></TR></TBODY></TABLE>
<P style="TEXT-INDENT: 2em"></P></TD></TR></TBODY></TABLE><BR></P>

2、<P align=left><IMG style="FILTER: Alpha(Opacity=50); WIDTH: 700px; HEIGHT: 550px" title="" alt="" src="http://img.bimg.126.net/photo/gVG3Kp7Ef-rIBmu5F14mBg==/1455507104572259983.jpg" width=700 height=550></P>
<P style="MARGIN-TOP: -578px; MARGIN-LEFT: 550px"></P>
<MARQUEE direction=right  width=700 scrollAmount=7>
<P align=left>
<P align=left>
<P align=left><IMG style="FILTER: Alpha(Opacity=50); WIDTH: 700px; HEIGHT: 550px" title="" alt="" src="http://img.bimg.126.net/photo/gVG3Kp7Ef-rIBmu5F14mBg==/1455507104572259983.jpg" width=700 height=550> </P></MARQUEE><FONT color=#7dd9ce>&nbsp; </FONT>
<P></P>
<P></P>

图片无缝上下拼接代码

图片无缝拼接 - 清风 - 清风的博客
图片无缝拼接 - 清风 - 清风的博客


代码

 <TABLE border=0 cellSpacing=0 cellPadding=0 width=750 align=center height=1150>
<TBODY>
<TR>
<TD><IMG title="图片无缝拼接 - 清风 - 清风的博客" alt="图片无缝拼接 - 清风 - 清风的博客" src="http://img.bimg.126.net/photo/ltoo4pEp3oPCmr7OfQmXvQ==/3461579263588172216.jpg" width=750 height=600></TD></TR>
<TR>
<TD><IMG title="图片无缝拼接 - 清风 - 清风的博客" alt="图片无缝拼接 - 清风 - 清风的博客" src="http://img.bimg.126.net/photo/mvbxxSvtcUSwzXG9yQkPGw==/4234228074658788149.jpg" width=750 height=600></TD></TR></TBODY></TABLE>
<P><BR>代码</P>
<P>&nbsp;</P>

图片无缝左右拼接

 图片无缝拼接 - 清风 - 清风的博客

图片无缝拼接 - 清风 - 清风的博客

代码
<P>&nbsp;<IMG title="图片无缝拼接 - 清风 - 清风的博客" border=0 alt="图片无缝拼接 - 清风 - 清风的博客" src="http://img.bimg.126.net/photo/mvbxxSvtcUSwzXG9yQkPGw==/4234228074658788149.jpg" width=180 height=240> </P>
<DIV style="MARGIN-TOP: -258px; MARGIN-LEFT: 182px"><IMG title="图片无缝拼接 - 清风 - 清风的博客" border=0 alt="图片无缝拼接 - 清风 - 清风的博客" src="http://img.bimg.126.net/photo/i8j20sDJ10oj3o_6WN5l_g==/3461579263588172215.jpg" width=180 height=240><BR></DIV><BR>
注:TOP:Ypx和LEFT:Xpx数值,可上下左右调整,以达到无缝。
  评论这张
 
阅读(51)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017