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

启野的博客

淡淡的雾,淡淡的雨,淡淡的云彩悠悠的游。

 
 
 

日志

 
 

HTML <fieldset> 标签应用四(各种模板)  

2011-03-18 20:50:00|  分类: HTML专区 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

HTML

<fieldset> 标签应用四

 

模板博文简介

 

 

HTML <fieldset> 标签有独特的标题加白色圆角文本边框,看起来很简单,但他的艺术排版与众不同魅力无限。

HTML <fieldset> 标签除了无法改变文本边框的边框颜色和宽度之外,其他功能与HTML <TABLE>标签的表格功能都适用。

如:添加文字特效、添加图片特效、添加swf格式的flash、添加swf格式的flash视曲等。

HTML编辑状态下,直接把编辑好的文字、图片、flash等的特效代码覆盖粘贴“标题文本”、“文本编辑”。

本文只添加这些特效在标题文本看看效果!

 

一、添加文字特效:

1、添加发光文字

<form>
  <fieldset>
    <legend> <DIV style="FILTER:glow(color=#FF0000,strength=6);COLOR:#ffffff; HEIGHT: 10px"><FONT size=2>发光文字效果</FONT></DIV> </legend>
    文本编辑
  </fieldset>
</form>

发光文字效果
文本编辑

 

2、投射阴影文字
<form>
  <fieldset>
    <legend> <table style="FILTER:Shadow(color=#FF0000,direction=135)"><TR><TD><font color=#ffffff size=4>投射阴影文字效果</font></TD></TR></table> </legend>
    文本编辑
  </fieldset>
</form>

 

投射阴影文字效果
文本编辑


2、移动投射阴影文字

<form>
  <fieldset>
    <legend> <marquee behavior="alternate"><table style="FILTER:Shadow(color=#FF0000,direction=135)"><TR><TD><font color=#ffffff size=4>投射阴影文字效果</font></TD></TR></table></marquee> </legend>
    文本编辑
  </fieldset>
</form>

 

投射阴影文字效果
文本编辑


 

 

更多文字特效请点击:

 

 

 

二、添加图片特效:

 

1、添加gif图片

<form>
  <fieldset>
    <legend> <IMG style=" WIDTH: 100px; HEIGHT: 75px" src="http://img6.bimg.126.net/photo/oRhtx8l5RrpFDS1YbLRBDA==/1729100781934573761.jpg">
</legend>
    文本编辑
  </fieldset>
</form>

 

HTML fieldset 标签应用四(各种模板) - qy-0824 - 启野的博客文本编辑

 

2、添加图片雾化移动特效代码

<form>
  <fieldset>
    <legend> <MARQUEE scrollAmount=3 behavior=alternate><TABLE><TBODY><TR><TD style="FILTER: Alpha(opacity='95',style='2')" width=128 background=http://img20.bimg.126.net/photo/Xfbh5aXUCl96V-nOgqlnZA==/919860223890876304.jpg height=128></TD></TR></TBODY></TABLE></MARQUEE>
</legend>
    文本编辑
  </fieldset>
</form>

文本编辑

 

 

三、添加swf格式的flash:

 

<form>
  <fieldset>
    <legend> <embed src="http://s1photo.cn21edu.com/UpLoadImage/yyfq/image/ArticleFlash/93a28b22-ad9e-44c4-b5e5-3bc338645669.swf" width="300" height="200" scale="showall" play="true" loop="true" menu="true" wmode="transparent" quality="1" type="application/x-shockwave-flash"></embed> </legend>
    文本编辑
  </fieldset>
</form>

 

 

 

文本编辑

 

 

 

四、添加swf格式的flash视曲:

 

<FIELDSET style="WIDTH: 429px; HEIGHT: 300px"><LEGEND style="WIDTH: 266px; HEIGHT: 43px">
<P align=center>
<MARQUEE style="WIDTH: 57.3%; HEIGHT: 23px" width="57.3%" scrollAmount=2><FONT color=#ffffff>确定一定以及肯定 王冰洋</FONT></MARQUEE></P></LEGEND>
<MARQUEE behavior=alternate scrollAmount=3>
<TABLE border=0 align=center>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" align=middle>
<P><EMBED height=240 type=application/x-shockwave-flash width=320 src=http://s4photo.30edu.com/UpLoadImage/yyfq/image/ArticleFlash/644752bf-3ef6-43db-89e3-58f9efe8244e.swf allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent"> </P>
<P></P></TD></TR></TBODY></TABLE></MARQUEE></FIELDSET>

 

确定一定以及肯定 王冰洋


 

欢迎光临启野博客!
  评论这张
 
阅读(1758)| 评论(1)
推荐 转载

历史上的今天

评论

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

页脚

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