热门关键字:
jquery > jquery教程 > jquery教程 > html特效文字代码

html特效文字代码

348
作者:管理员
发布时间:2021/3/4 11:42:22
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4087
  一、文字大小、字体、颜色


  1. 设置文字大小的属性是"size"他的取值范围是1到7。其中1为最小,7为最大。


  格式:   <fonr size=文字大小>被设置的字</font>


  2. 设置文字字体属性是"face"


  格式:   <font face=文字字体>被设置的字</font>


  3. 设置文字颜色的属性是"color"


  格式:   <fonr color=文字颜色>被设置的字</font>


  二、文字其它基础效果


  1. 文字加粗:<b>被设置的字</b>


  2. 文字斜体:<i>被设置的字</i>


  3. 文字下划线:<u>被设置的字</u>


  4. 文字删除线:<s>被设置的字</s>


  5. 文字移动


  格式:   <marquee scrollAmount="移动速度" direction="方向" >被设置的字</marquee>


  设置移动速度属性是 scrollAmount,他的取值范围是1到10。其中1为最慢,10为最快


  设置移动方向属性是 direction,"up"(上),"down"(下),"left"(左),"right"(右)


  三、文字段落设置


  1. 文字换行:换行标记是<br>,放在文字结尾处使得其后的文字在下一行显示


  2. 文字段控制:段落标记是<p>,放在文字后,使其后文字空一行后换行显示


  这里介绍<p>标记的一个简单属性:"align"用来设置文字段落的对齐方式。


  属性值有"center"(居中对齐),"left"(向左对齐),"right"(向右对齐)


  格式:<p align=属性值>被设置的段落</p>


  3. 文字的分区显示:标记为<div> ,属性同<p>


  格式:<div align=属性值>被设置的段落</div>


  四、文字链接设置


  1. 点击文字转到链接地址


  格式:< a href="所要连接的相关地址">被设置的字</a>


  2. 点击文字在新窗口中打开链接地址


  格式:<a href="相关地址" target="_blank">被设置的字</a>


  基本格式:


  <FONT style="COLOR: #f90b46; FILTER: shadow(color=#AF0530); FONT-FAMILY: 隶书; FONT-SIZE: 45pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>金钥匙!</B></FONT>


  显示:


  金钥匙!


  解释:


  金钥匙等等就会用到这样的基本格式来做下面的各种效果了, 具体的含义我会在每个代码的部分做说明的!


  彩色字体色彩绚丽


  <P align=center><STRONG><FONT face=华文行楷><FONT size=7><FONT color=#ff0000>彩</FONT><FONT color=#ff8900>色</FONT><FONT color=#92c000>字</FONT><FONT color=#00c024>体</FONT><FONT color=#00c0da>色</FONT><FONT color=#0053ff>彩</FONT><FONT color=#4800ff>绚</FONT><FONT color=#ff00ff>丽</FONT></FONT></FONT></STRONG></P>


  彩色字体色彩绚丽


  一。  制作滚动字幕:


  1. 代码:


  <P align=center>


  <MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=400 height=100>


  <CENTER><FONT face=黑体 color=#ffaa00 size=5>HTML标签:可用 UBB标签:可用 贴图标签:可用 Flash标签: 可用多媒体标签: 可用表情字符转换:可用上传图片:可用每天允许发帖数:无限制!<BR></FONT></CENTER></MARQUEE></P>


  显示:


  HTML标签:可用 UBB标签:可用 贴图标签:可用 Flash标签: 可用多媒体标签: 可用表情字符转换:可用上传图片:可用每天允许发帖数:无限制!


  2. 代码:


  <MARQUEE direction=down  width=480 height=100>


  <P align=center>


  <IMG src=""><FONT face=隶书 color=#ff0000 size=7> 金钥匙博客!


  <IMG src=""></FONT></MARQUEE>


  显示:


  金钥匙博客!


  3. 代码:


  <MARQUEE direction=down width=480 height=100>


  <P align=center>


  <FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=3);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>金钥匙博客! </B></FONT></P>


  显示:


  金钥匙博客!


  说明:


  opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;


  style属性:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变。


  而width:100%则表示参与渐变的对象的宽度,通常都设置为100%。


  4. 代码:


  <MARQUEE direction=up width=480 height=100>


  <P align=center>


  <FONT style="FONT-SIZE:30pt;filter:blur(add=1,direction=30,strength=5);WIDTH:100%; COLOR:blue;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>金钥匙博客!</B></FONT></P>


  显示:


  金钥匙博客!


  说明:


  ADD属性在运动模糊中,其值为0和1,0表示“否”,用于文字,1表示“是”,用于图像;Direction属性是模糊移动的角度,其值为0至360度;Strength属性是模糊移动的距离。


  5. 代码:


  <MARQUEE direction=up width=480 height=100>


  <P align=center>


  <FONT style="FONT-SIZE:30pt;filter:dropshadow(color=lightgreen,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>金钥匙博客!</B></FONT> </P>


  显示:


  金钥匙博客!


  说明:


  color属性:设置影子文本的颜色;


  offX和offY属性:影子文本下落的位移值;


  Positive属性:指定透明象素阴影,布尔型,0为是,1为否。


  6. 代码:


  <MARQUEE direction=right width=480 height=100>


  <P align=center>


  <FONT style="FONT-SIZE:30pt;filter:shadow(color=black,direction=180);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>金钥匙博客!</B></FONT> </P>


  显示:


  金钥匙博客!


  说明:


  color属性:阴影颜色;


  direction属性:阴影角度,值取0至360度。


  7. 代码:


  <MARQUEE direction=right width=480 height=100>


  <P align=center>


  <FONT style="FONT-SIZE:30pt;filter:wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>金钥匙博客!</B></FONT> </P>


  显示:


  金钥匙博客!




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐