〖Html代码〗特效字(1)
- 格式:doc
- 大小:34.50 KB
- 文档页数:6
HTML特效⽂字代码⼤全HTML特效⽂字代码⼤全⼀、从右向左移代码<marquee direction=left>需要移动的⽂字</marquee>⼆、从左向右移代码<marquee direction=right>需要移动的⽂字</marquee>三、⼀圈⼀圈绕着移动代码<marquee behavior=scroll>需要移动的⽂字</marquee>四、只移动三次就停了代码<marquee loop=3 behavior=slide>需要移动的⽂字</marquee>五、移⼀步,停⼀停代码<marquee scrolldelay=500scroll amount=100>需要移动的⽂字</marquee>六、左右来回移动代码<marquee behavior=alternate>需要移动的⽂字</marquee>七、忽隐忽现移动代码<marquee behavior="alternate"><marqueewidth="150"direction=right>需要移动的⽂字</marquee>⼋、从下向上移动代码<marquee direction=up><div align="center">需要移动的⽂字</div></marquee>例⼦1:<p12><marquee behavior="alternate"><marquee width="1550" direction=left>云南省⽯产业统计调查年报处理程序</marquee></p12>例⼦2:<p12><div align=center><marquee width=1600 filter: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); scrollAmount=5 direction=up behavior=alternate><div align=center><marquee scrollAmount=3 behavior=altrnate width=1600><div align=center>云南省⽯产业统计调查年报处理程序</div></marquee></div></marquee></div> </p12>原⽂链接:。
HTML代码边框制作与特效字HTML代码边框制作与特效字用HTML代码制作别具一格的表格边框我们一般制作帖子的表格边框,基本上大同小异.现在教大家用代码制作别具一格的表格边框.在这里所有的效果我只用套材来举例.边框里可以放图片和文字,也可以换成颜色和文字.图片和颜色大家可以根据需要自己更换.只要发挥想象力,相信大家都能制作出更漂亮的表格边框.语法简单介绍:BORDER-RIGHT: #9b0000 6px ridge;右边框颜色宽度样式BORDER-TOP: #9b0000 6px ridge;上边框颜色宽度样式BORDER-LEFT: #9b0000 6px ridge;左边框颜色宽度样式BORDER-BOTTOM: #9b0000 6px ridge;下边框颜色宽度样式外边框定位(相对定位)POSITION: absolute;内部小表格的定位(绝对定位)LEFT: 0px; 离左边的距离TOP: 0px; 离顶部的距离RIGHT: 0px; 离右边的距离BOTTOMM: 0px; 离下边的距离HEIGHT: 512px 表格高度WIDTH: 512px; 表格宽度表格边框的样式还有以下几种(换不同的值就会有不同的边框样式):none | dotted | dashed | solid | double | groove | ridge | inset | outset注意点:如果不是宽屏外边框必须赋于相对定位.内部表格必须绝对定位.上,下,左,右边框如果有不需要显示的,将该边的宽度值设为0即可.主要图片以背景的方式加入即放在<table>里更好一些.本页所用代码:<TABLE id=table style="BORDER-RIGHT: #9b0000 6px ridge;BORDER-TOP: #9b0000 6px ridge;LEFT: -120px; BORDER-LEFT: #9b0000 6px ridge;WIDTH:1000px; BORDER-BOTTOM: #9b0000 6px ridge;POSITION: relative; TOP: 0px; HEIGHT: 512px"cellSpacing=0 cellPadding=0background=/DownloadImg /2010/08/0219/4389849_1.gif border=0><TBODY><TR><TD><TABLE id=table style="BORDER-RIGHT: #9b0000 6px ridge;BORDER-TOP: #9b0000 6px ridge;LEFT: 0px; BORDER-LEFT: #9b0000 6px ridge;WIDTH:800px; BORDER-BOTTOM: #9b0000 6px ridge;POSITION: relative; TOP: 0px; HEIGHT: 512px"cellSpacing=0 cellPadding=0background=/DownloadImg /2010/08/0219/4389849_2.jpg border=0><TBODY><TR><TD><TABLE id=table1 style="BORDER-RIGHT: #9b0000 6px ridge; LEFT: 0px; WIDTH: 120px; BORDER-BOTTOM: #9b0000 6px ridge; POSITION: absolute; TOP: 0px; HEIGHT: 120px" cellSpacing=0 cellPadding=0 background=/DownloadImg/20 10/08/0219/4389849_2.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE><TABLE id=table2 style="LEFT: 670px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 120px; BORDER-BOTTOM: #9b0000 6px ridge; POSITION: absolute; TOP: 0px; HEIGHT: 120px" cellSpacing=0 cellPadding=0 background=/DownloadImg/20 10/08/0219/4389849_2.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE><TABLE id=table3 style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; LEFT: 0px; WIDTH: 120px; BOTTOM: 0px; POSITION: absolute; HEIGHT: 120px" cellSpacing=0 cellPadding=0 background=/DownloadImg/20 10/08/0219/4389849_2.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE><TABLE id=table4 style="BORDER-TOP: #9b0000 6px ridge; LEFT: 670px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 120px; BOTTOM: 0px; POSITION: absolute; HEIGHT: 120px" cellSpacing=0 cellPadding=0 background=/DownloadImg/20 10/08/0219/4389849_2.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE><P><FONTface=隶书color=#0000ff size=4> 我们一般制作帖子的表格边框,基本上大同小异.现在教大家用代码制作别具一格的表格边框.在这里所有的效果我只用套材来举例.边框里可以放图片和文字,也可以换成颜色和文字.图片和颜色大家可以根据需要自己更换.只要发挥想象力,相信大家都能制作出更漂亮的表格边框.</FONT></P>。
HTML代码大全一、从右向左移代码<marquee direction=left>需要移动的文字</marquee>二、从左向右移代码<marquee direction=right>需要移动的文字</marquee>三、一圈一圈绕着移动代码<marquee behavior=scroll>需要移动的文字</marquee>四、只移动三次就停了代码<marquee loop=3 behavior=slide>需要移动的文字</marquee>五、移一步,停一停代码<marquee scrolldelay=500 scrollamount=100>需要移动的文字</marquee>六、左右来回移动代码<marquee behavior=alternate>需要移动的文字</marquee>七、忽隐忽现移动代码<marquee behavior="alternate"><marquee width="150" direction=right>需要移动的文字</marquee>八、从下向上移动代码<marquee direction=up><div align="center">需要移动的文字</div></marquee>九、从上向下移动代码<marquee direction=down><div align="center">需要移动的文字</div></marquee>十、垂直往复移动代码<marquee direction=up behavior=alternate><div align="center">需要移动的文字</font></div></marquee>十一、从左上向右下移动代码<marquee direction=right><marquee width=216 direction=down>需要移动的文字</marquee>十二、从右上向左下移动代码<marquee direction=left><marquee direction=down>需要移动的文字</marquee>十三、从左下向右上移动代码<marquee direction=right><marquee direction=up>需要移动的文字</marquee>十四、从右下向左上移动代码<marquee direction=left><marquee direction=up>需要移动的文字</marquee>十五、水平相反移动代码<p align=center> <marquee width="216px">需要移动的文字</marquee><marquee width="216px" direction=right>需要移动的文字</marquee></p>十六、左右两边向中间移动代码<p align=center><marquee style="width:216px;" direction=right>需要移动的文字</marquee><marquee style="width:216px;"direction=left>需要移动的文字</marquee></p>十七、左右两边向中间来回移动代码<MARQUEE scrollAmount=3 behavior=alternate width="40%">左右向中间来回移动</MARQUEE><MARQUEE scrollAmount=3 direction=rightbehavior=alternate width="40%">动移回来间中向右左</MARQUEE>十八、从上下向中间移动代码<p></p><center><marquee width=288 direction=down scrollAmount=2height=50><center>需要移动的文字</center></marquee><center><marquee width=288 direction=up scrollAmount=2 height=50><center>需要移动的文字</center></marquee></center></center><p></p>十九、从中间向上下移动代码<p></p><center><marquee width=288 direction=up scrollAmount=2height=50><center>需要移动的文字</center></marquee><center><marquee width=288 direction=down scrollAmount=2 height=50><center>需要移动的文字</center></marquee></center></center><p> </p></marquee>二十、上下向中间来回移动代码<MARQUEE scrollAmount=1 direction=down behavior=alternateheight=50><DIV align=center>上下向中间来回移动</DIV></MARQUEE><MARQUEE scrollAmount=1 direction=up behavior=alternate height=50><DIV align=center>上下向中间来回移动</DIV></MARQUEE>二十一、上下交替移动代码<marquee direction=up behavior=alternate width=45 height=160><center>需</center></marquee><marquee direction=upbehavior=alternate width=45><center>要</center></marquee><marqueedirection=up behavior=alternate width=45height=160><center>移</center></marquee><marquee direction=upbehavior=alternate width=45><center>动</center></marquee><marquee direction=up behavior=alternate width=45 height=160><center>的</center></marquee><marqueedirection=up behavior=alternate width=45><center>文</center></marquee></marquee><marquee direction=up behavior=alternate width=45 height=160><center>字</center></marquee>二十二、移动后消失代码<marquee style="width: 288px; height: 120px" scrollAmount=5direction=up><center><div><marquee direction=upbehavior=alternate width=30 height=100><center>需</center></marquee><marquee direction=up behavior=alternate width=30 height=110><center>移</center></marquee><marquee direction=up behavior=alternate width=30 height=100><center>要</center></marquee><marquee direction=up behavior=alternate width=30 height=110><center>动</center></marquee><marquee direction=up behavior=alternate width=30 height=100><center>的</center></marquee><marquee direction=up behavior=alternatewidth=30 height=110><center>字</center></marquee><marqueedirection=up behavior=alternate width=30 height=100><center>文</center></marquee></div></center></marquee>二十三、波浪式移动代码<div align=center><marquee width=288filter: wave(add=0,lightstrength=50,strength=3,freq=2, phrase=10); scrollAmount=5 direction=up behavior=alternate><div align=center><marquee scrollAmount=3 behavior=altrnatewidth=216><div align=center>需要移动的文字</div></marquee></div></marquee></div>二十四、往复波浪式移动代码<marquee width=288 filter:wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); scrollAmount=5direction=upbehavior=alternate><marquee scrollAmount=3 behavior=alternate width=288>需要移动的文字</marquee></marquee>二十五、交替往复波浪式移动代码<marquee width=436 scrollAmount=5 direction=right behavior=alternate><marquee direction=up behavior=alternate width=50 height=200 align="middle">需</marquee><marquee direction=upbehavior=alternate width=50 height=150>的</marquee><marquee direction=up behavior=alternate width=50 height=200>要</marquee><marquee direction=up behavior=alternate width=50 height=150> 文</marquee><marquee direction=up behavior=alternate width=50height=200>移</marquee><marquee direction=up behavior=alternate width=50 height=150>字</marquee><marquee direction=upbehavior=alternate width=50 height=200>动</marquee></marquee>二十六、S型移动代码<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65height=120 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=50,color=.ffffff)"><center>需要移动的文字</center></marquee>二十七、多层多式复合移动代码<table bgcolor="#ffffff"> <tr><td width="1" valign="top" > <marquee direction="down" behavior="alternate" scrollamount=1height="120"> <marquee direction="right" scrollamount=4 behavior="alternate" width="288">需要移动的文字</marquee> </marquee> </td> <td width="288"> <marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height="120" width="288"style="Text-align;filter:wave(add=1,phase=4, freq=1,strength=50)"><center>需要移动的文字</center></marquee></td></tr></table>二十八、文字竖排渐出移动代码<div align=center><marquee scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=290 height=180><marquee style="line- height: 120%; writing-mode: tb-rl" scrollAmount=1 scrollDelay=100direction=up width=290 height=180><p align=center>需要移动的字文<br>.<br>.<br>.<br>需<br>要<br>移<br>动<br>的<br>文<br>字<br>.<br>.<br>.</p></marquee></marquee></div>二十九、文字穿梭移动代码<marquee scrollAmount=2 width=30 height=20>文文</marquee> <marqueescrollAmount=2 width=30 height=20>字字</marquee> <marqueescrollAmount=2width=30 height=20>穿穿</marquee> <marquee scrollAmount=2width=30 height=20>梭梭</marquee>附注各主要参数的含义:align:是设定活动对象(图片或文字)的位置。
html标签特效代码大全(让你制作漂亮的页面效果)<!> 跑马灯<marquee>...</marquee>普通卷动<marquee behavior=slide>...</marquee>滑动<marquee behavior=scroll>...</marquee>预设卷动<marquee behavior=alternate>...</marquee>来回卷动<marquee direction=down>...</marquee>向下卷动<marquee direction=up>...</marquee>向上卷动<marquee direction=right></marquee>向右卷动<marquee direction=’left’></marquee>向左卷动<marquee loop=2>...</marquee>卷动次数<marquee width=180>...</marquee>设定宽度<marquee height=30>...</marquee>设定高度<marquee bgcolor=FF0000>...</marquee>设定背景颜色<marquee scrollamount=30>...</marquee>设定滚动速度<marquee scrolldelay=300>...</marquee>设定卷动时间<marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动<marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动<!>字体效果<h1>...</h1>标题字(最大)<h6>...</h6>标题字(最小)<b>...粗体字<strong>...</strong>粗体字(强调) (同上效果略同)<i>...</i>斜体字<em>...</em>斜体字(强调)<dfn>...</dfn>斜体字(表示定义)<u>...</u>底线<ins>...</ins>底线(表示插入文字)<strike>...</strike>横线<s>...</s>删除线<del>...</del>删除线(表示删除)<kbd>...</kbd>键盘文字<tt>...</tt> 打字体<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号)<listing>...</listing> 固定宽度小字体<font color=00ff00>...</font>字体颜色<font size=1>...</font>最小字体<font style =’font-size:100 px’>...</font>无限增大区断标记<hr>水平线<hr size=’9’>水平线(设定大小)<hr width=’80%’>水平线(设定宽度)<hr color=’ff0000’>水平线(设定颜色)<br>(换行)<nobr>...</nobr>水域(不换行)...水域(段落)<center>...</center>置中<!>连结格式<base href=位址>(预设好连结路径)<a href=位址></a>外部连结<a href=位址target=’_blank’></a>外部连结(另开新视窗)<a href=位址target=’_top’></a>外部连结(全视窗连结)<a href=位址target=’页框名’></a>外部连结(在指定页框连结)<!>贴图/音乐<img src=图片位址>贴图<img src=图片位址width=’180’>设定图片宽度<img src=图片位址height=’30’>设定图片高度<img src=图片位址alt=’提示文字’>设定图片提示文字<img src=图片位址’ border=’1’>设定图片边框<bgsound src=MID音乐档位址>背景音乐设定<!>表格语法<table aling=left>...</table>表格位置,置左<table aling=center>...</table>表格位置,置中<table background=图片路径>...</table>背景图片的URL=就是路径网址<table border=边框大小>...</table>设定表格边框大小(使用数字)<table bgcolor=颜色码>...</table>设定表格的背景颜色<table borderclor=颜色码>...</table>设定表格边框的颜色<table borderclordark=颜色码>...</table>设定表格暗边框的颜色<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色<table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)<table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)<table cols=参数>...</table>指定表格的栏数<table frame=参数>...</table>设定表格外框线的显示方式<table width=宽度>...</table>指定表格的宽度大小(使用数字)<table height=高度>...</table>指定表格的高度大小(使用数字)<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)分割视窗<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<frameset cols="20%,*">分割左右两个框架<frameset cols="20%,*,20%">分割左中右三个框架<分割上下两个框架<frameset rows="20%,*,20%">分割上中下三个框架属性:cols垂直切割窗口(如左右分割两个窗口)接受整数值,百分数,*(*代表占用余下空间)数值的个数代表分成的部分数目,要以逗号分隔。
HTML文字特效代码标语代码<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>要设置的文字</B></FONT></CENTER>发光字体代码 [快速查看颜色代码都请点击这里 ]</textarea><table style="FILTER: glow(color=发光背景颜色代码,direction=2)"><font color=发光字体颜色代码 size=2>要设置的文字</font></table>小技巧:在设置状字体的时候,如果把字体前加上@,会产生文字平躺的效果.<font face="@黑体">大家好</font>跳动文字代码<MARQUEE behavior=alternate direction=up height=98 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460> <FONT color=red face=楷体_gb2312 size=7>要设置的文字</FONT></MARQUEE></MARQUE>3D文字效果<style type="text/css">.3dfont { FILTER: glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135); POSITION: relative; WIDTH: 100% }</style><table border="0" width="100%"><tr><td width="100%" class="3dfont"><font color="#008040">要设置的文字</font>高斯模糊字体<span style="position:relative; width:200; height:50; filter:glow(color=#9933cc,strength=4); margin-left:4px"> <p>要设置的文字</span>文字左右反转<table style="Filter:FlipH">要设置的文字</table>文字上下反转<table style="Filter:FlipV">要设置的文字</table>Blur风吹效果<table style="Filter:Blur(add=1,direction=45,strength=5)要设置的文字</table>add:是否要在已经使用Blur滤镜上的html对象上显示原来的模糊方向,0表示不显示direction:模糊方向strength:模糊半径大小,单位像素,默认为5,取整Glow滤镜(光晕效果)<tablestyle="Filter:Glow(color=#FF0000,strength=5,direction=2)">要设置的文字</table>color:光晕颜色,需用代码形式strength:光晕强度,选择型参数,默认为5direction:光晕方向,选择型参数Shadow滤镜(阴影效果)<table style="Filter:Shadow(color=#ff0000,direction=45)">要设置的文字</table>color:阴影颜色,需用代码形式strength:阴影强度,选择型参数,默认为5direction:阴影方向,选择型参数DropShadow(投影效果)<tablestyle="filter:dropshadow(color:#6600FF,offx=1,offy=1)">要设置的文字</table>color:设置投影颜色offx:在横坐标上的偏移,单位是像素offy:在纵坐标上的偏移,单位是像素positive:设置是否从对象的非透明像素建立阴影文字围绕鼠标旋转代码CSS代码<script><script><!-- Beginif (document.all) {yourLogo = "我爱你"; //Not less than 2 letters!logoFont = "Arial";logoColor = "ff0000";//Nothing needs altering below!yourLogo = yourLogo.split('');L = yourLogo.length;TrigSplit = 360 / L;Sz = new Array()logoWidth = 100;logoHeight = -30;ypos = 0;xpos = 0;step = 0.09;currStep = 0;document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><divstyle="position:relative">');for (i = 0; i < L; i++) {document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');}document.write('</div></div>');function Mouse() {ypos = event.y;xpos = event.x - 5;}document.onmousemove=Mouse;function animateLogo() {outer.style.pixelT op = document.body.scrollTop;for (i = 0; i < L; i++) {ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);Sz[i] = ie[i].style.pixelTop - ypos;if (Sz[i] < 5) Sz[i] = 5;ie[i].style.fontSize = Sz[i] / 1.7;}currStep -= step;setTimeout('animateLogo()', 20);}window.onload = animateLogo;}// End --></script>。
HTML代码和字体颜色使用方法常用HTML代码,字体颜色等2009年04月22日星期三08:001.初级字体特效加粗代码:<b>加粗</b>蓝色标明:需要加粗的文字.倾斜代码:<em>倾斜</em>蓝色标明:要倾斜的文字.下划线代码:<u>下划线</u>蓝色标明:要加下划线的文字.删除线代码:<s>删除线</s>蓝色标明:要加下划线的文字.字体加大代码:<big>字体加大</big>蓝色标明:要放大的文字.字体控制大小代码:<H3>字体大小(其中字体大小可从H1-H6,H1最大,H6最小)</H3>蓝色标明:要控制大小的文字.字体的基本代码是这些,需要指出的是,代码并不是唯一的,比如倾斜的用EM 和I就都可以;而对于某些特效,你想知道代码,可以通过点击右键,查看源文件来查看代码。
2.彩色字体及部分颜色代码更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与FFFFFF(16位进制)之间修改#后面的数值,就可以改变字体的颜色。
部分常用颜色代码:#ff0000 红色的字喔!#ff8000 橙色的字喔!#ffff00 黄色的字喔!#00ff00 绿色的字喔!#0080ff 蓝色的字喔!#0000a0 靛色的字喔!#8000ff 紫色的字喔!#000000 黑色的字喔!#c0c0c0 灰色的字喔!特效发光字代码<fieldsetSTYLE='border:;padding:14px;filter:glow(color=#0080ff,strength=3);let ter-spacing:2px;'><fontSTYLE='font:12px/14px;color:#ffffff;font-weight:bold;'>特效发光字</font></fieldset>上面代码的解释:(color=#0080ff,strength=3),color=#0080ff 就是外面发的光的颜色,可以用上面的颜色代码进行替换,就会出来不同效果的字体。
滚动字幕特效大全代码2010-11-04 00:09:31| 分类: ﹎biog教程| 标签:|字号大中小订阅把代码中的文字改为你的文字就可以了。
1.阴影滚动字循环滚动:欢迎来到农夫空间代码:<marquee scrollamount=3 FONT style="COLOR=FF0000; FILTER: shadow(color=FFFF33 ); FONT-FAMILY: 隶书; FONT-SIZE: 25pt; WIDTH: 100%">欢迎来到混吧人空间</marquee>来回移动:欢迎来到农夫空间代码:<marquee behavior="alternate" scrollamount=2 FONT style="COLOR=3300FF;FILTER: shadow(color=33FFFF ); FONT-FAMIL Y: 隶书; FONT-SIZE: 25pt; WIDTH: 100%">欢迎来到混吧人空间</MARQUEE>2.投射阴影滚动字循环滚动:农夫欢迎你代码:<marquee scrollamount=3 font style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt;font-size:25pt" face="隶书" color=#009900>混吧人欢迎你</font></marquee>来回移动:农夫欢迎你代码:<marquee scrollamount=3 behavior=alternate font style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt;font-size:25pt" face="隶书" color=#009900>混吧人欢迎你</font></marquee>3.发光滚动字循环滚动:农夫欢迎你代码:<marquee scrollamount=3 FONT style="COLOR: #0033CC; FILTER: glow(color=FFFF66); FONT-FAMIL Y: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>混吧人欢迎你</B></FONT></marquee>来回移动:农夫欢迎你代码:<marquee scrollamount=3 behavior=alternate FONT style="COLOR: #0033CC;FILTER: glow(color=FFFF66); FONT-FAMIL Y: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>混吧人欢迎你</B></FONT></marquee>4.若隐若现滚动字循环滚动:农夫欢迎你代码:<MARQUEE style="FONT-SIZE: 30pt; FILTER: alpha(opacity=100,style=3); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMIL Y: 华文行楷" scrollAmount=3 FONT><B>混吧人欢迎你</B></FONT></MARQUEE>来回移动:农夫欢迎你代码:<MARQUEE behavior=alternate style="FONT-SIZE: 30pt; FILTER: alpha(opacity=100,style=3); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" scrollAmount=3 FONT><B>混吧人欢迎你</B></FONT></MARQUEE>本代码属性分析:opacity:设置透明度,取值0至100之间的任意数值,100表示完全不透明;style:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变;width:100%则表示参与渐变的对象的宽度,通常都设置为100%。
/article/ htm/tid_230165.html各种代码特效字的制作用代码特效制作各种特效字,可以使你的博客变得更加多姿多彩,尤其是文章标题使用这种效果就更加漂亮,为你的博客增色添彩,下面我就来介绍多种特效字的制作方法这些特效字实际上是一种CSS滤镜语言,好在我试验了一下,目前新浪博客还支持。
幸好支持,不然又要用记事本上传后才能显示,这个滤镜可以直接粘贴到博客中显示效果。
注明一下:代码中的文字可以更换成自己需要的文字,其中FONT-SIZE:是文字的大小,可以调整后面的数字,数值越大文字就越大。
代码中的COLOR:是文字的颜色,可以更换后面的英语来改变字体颜色,或者输入颜色代码使文字变成更多的颜色。
FONT-FAMIL Y: 是字体,可以直接输入汉语,比如方正舒体、楷体等等。
1、alpha滤镜的使用代码:<P align=center><FONT style="FONT-SIZE: 30pt; filter: alpha(opacity=100,style=2); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMIL Y: 方正舒体">alpha滤镜文字的使用<br>alpha滤镜文字的使用<br>alpha滤镜文字的使用<br>alpha滤镜文字的使用<br></FONT></P>效果如下:alpha滤镜文字的使用alpha滤镜文字的使用alpha滤镜文字的使用alpha滤镜文字的使用2、Blur滤镜的使用代码:<P align=center><FONT style="FONT-SIZE: 30pt; filter: blur(add=1,direction=30,strength=5); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMIL Y: 方正舒体">Blur滤镜文字的使用</FONT></P>效果:Blur滤镜文字的使用3、shadow滤镜的使用代码:<P align=center><FONT style="FONT-SIZE: 30pt; filter: shadow(color=black,direction=180); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMIL Y: 方正舒体">shadow滤镜文字的使用</FONT></P>效果:shadow滤镜文字的使用4、dropshadow滤镜的使用代码:<P align=center><FONT style="FONT-SIZE: 25pt; filter: dropshadow(color=lightred,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: red;LINE-HEIGHT: 150%; FONT-FAMIL Y: 方正舒体">dropshadow滤镜文字的使用</FONT></P>效果:dropshadow滤镜文字的使用5、wave滤镜的使用代码1不加倒影:<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: 方正舒体">wave滤镜文字的使用</FONT></P>效果:wave滤镜文字的使用代码2,加倒影:<P align=center><FONT style="FONT-SIZE: 30pt; WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMIL Y: 方正舒体">wave滤镜文字的使用</FONT><FONT style="FONT-SIZE: 30pt; filter: wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30) flipv; WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMIL Y: 方正舒体">wave滤镜文字的使用</FONT></P>效果:wave滤镜文字的使用wave滤镜文字的使用6、glow滤镜的使用代码:<P align=center><FONT style="FONT-SIZE: 30pt; filter: glow(color=gray,strength=4); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMIL Y: 方正舒体">glow滤镜文字的使用<br>glow滤镜文字的使用<br></FONT></P>效果:glow滤镜文字的使用glow滤镜文字的使用7、FlipV滤镜的使用代码:<P align=center><FONT style="FONT-SIZE: 30pt; WIDTH: 100%; COLOR: red; FONT-FAMIL Y: 方正舒体">FlipV滤镜文字的使用<FONT style="FONT-SIZE: 30pt; filter: FlipV; WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMIL Y: 方正舒体">FlipV滤镜文字的使用</FONT></FONT><br></P>效果:FlipV滤镜文字的使用FlipV滤镜文字的使用8、chroma滤镜的使用代码:<TABLE align=center cellpadding=0cellspacing=0 background=/s-helpSite/domName/nxm/2004121 215594122335.gif><TBODY><TR><TD style="FILTER: chroma(color=#336699"><TABLE align=center bgcolor=#000000><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 30pt" face=黑体color=#336699><b>chroma滤镜的使用</b></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>效果:注明:本段红色代码是一张闪烁图片的地址,大家可以更换成其他的图片。
在这里给大家共享一部分闪光图片。
9、竖版文字。
代码:<P align=center></P><DIV style="WIDTH: 150px; WRITING-MODE: tb-rl"><DIV align=left><FONT style="FONT-SIZE: 24pt; FILTER: shadow(color=#472600); WIDTH: 100%; COLOR: #00ff40; LINE-HEIGHT: 150%; FONT-FAMIL Y: 隶书">门泊东吴万里船<BR>窗含西岭千秋雪<BR>一行白鹭上晴天<BR>两个黄鹂鸣翠柳<BR><BR></FONT>效果如下:门泊东吴万里船窗含西岭千秋雪一行白鹭上晴天两个黄鹂鸣翠柳注意说明:1、“FONT style="FONT-SIZE: 24pt;”是文字的大小。
2、“FONT-FAMIL Y: 隶书”这个是字体。
3、“<DIV style="WIDTH: 150px; WRITING-MODE: tb-rl">”这是竖板字的代码,加上这个代码后就能竖着排版了。
4、代码中黄色的部分是阴影字的代码,加上这个代码就能让字体带有阴影。
字体的颜色和阴影的颜色都可以调整,括号内的color是阴影的颜色,括号外的color是字的颜色,可以根据自己的喜好修改,当然最好是有一个取色器软件,这样可以马上得到各种颜色的代码,输入进去即可。
这个软件可以到网上搜索下载,我都是使用这个软件取色的,非常准确,想要什么颜色就什么颜色,方便极了。