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

青松的博客

夕阳无限好、枯木又逢春

 
 
 

日志

 
 

【引用】用HTML代码也可以做出大图来  

2011-04-09 07:55:02|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

用HTML代码也可以做出大图来

 

          现在有很多朋友在学习HTML代码教程,制作漂亮的边框。下面我介绍

使用代码做出像PS大图那样的图片效果来。

 

       首先用颜色代码做一个背景底图:

 

<TABLE height=1000 width=900 bgColor=#336666>
<TBODY>
<TR>
<TD>

<P>&nbsp;</P>
<P>&nbsp;</P></TD></TR></TBODY></TABLE>

 

 

 

   

接下来就可以在背景底图上添加你喜欢的图片啦

      

    具体的做法:

 

   1。可以将多张图片溶合在一起的代码:

 

<DIV style="LEFT: 100px; POSITION: absolute; TOP: 100px">
<CENTER><IMG style="FILTER: alpha(opacity=400,style=3)"

src="这里放图片地址" width=650> </DIV> 

 

说明:

LEFT: 100px 表示图片的横向位置,数值由你设置。

TOP: 100px  表示图片的纵向位置,数值也可以由你设置。

 width=650  表示图片的宽度

同时需要重复复制代码

 

 

              2。让图片穿越在flash动画和图片上的代码:

 

<DIV class=t_msgfont align=center>
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 100px">
<MARQUEE><FONT color=#850004>
<DIV style="FONT-SIZE: 20pt; FILTER: shadow(color=#3300FF,

strength=8); WIDTH: 700px; COLOR: #000000; LINE-HEIGHT: 150%;

FONT-FAMILY: ()"><FONT color=#33ffff size=3>

<IMG style="FILTER: alpha(opacity=300,style=3)"

src="这里放你喜欢的飞图片地址" width=830> </DIV>

</FONT></DIV></FONT></MARQUEE></DIV></DIV>

 

 

                 3。让文字穿越在多层边框和flash图片上的代码:
 

<div style="LEFT: 100px; POSITION: absolute; TOP: 160px">
<div style="FONT-SIZE: 20pt; FILTER: shadow(color=#9900FF,

strength=8); WIDTH: 600px; COLOR: #ff0000; LINE-HEIGHT: 100%;

FONT-FAMILY: ()"><FONT color=#33ffff size=3>
<P><FONT face=楷体_GB2312 color=#66ffff>

<STRONG>这里写你喜欢的文字</STRONG></FONT>

</P></div></FONT></div></div>

 

                    4。让走动文字穿越在多层边框和图片上的代码:


 

<div style="LEFT: 0px; POSITION: absolute; TOP: 500px">
<MARQUEE><FONT color=#ffffff>
<div style="FONT-SIZE: 20pt; FILTER: shadow(color=#3300FF,

strength=8); WIDTH: 900px; COLOR: #000000; LINE-HEIGHT: 150%;

FONT-FAMILY: ()"><FONT color=#ffffff size=3>

</FONT> 这里写文字<FONT color=#33ffff size=3></FONT></FONT>

</FONT></div></div></MARQUEE></div>

 

说明:

 

20pt  表示字体的大小,数值你可以修改。

 

 color=#ff00ff  表示字体的颜色

 

color=#3300FF  表示字体边的颜色


 

 

相关日记

爱的供养《代码音画》

代码音画日记《不要让朋友们慢慢淡出你的世界》

当雪花爱上梅花

 

  评论这张
 
阅读(36)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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