zoukankan      html  css  js  c++  java
  • 发光文字

     
    查看文章
     
    文字效果(星爷在此,无所不能)
    2006-04-04 11:06

    一.文字特效

    参数汇总解析:

    #xxxxxx表示颜色代码,替换改变相应颜色

    strength表示强度(如发光效果等)

    direction投影等角度(必须添45的倍数)



    使用方法:

    发表文章时点“显示原代码”,然后输入下列代码就可以了。



    代码范例:

    <div style='border:1px #FF0000 solid;'>红色边框</div>

    红色边框


    <font style="text-decoration:line-through">刪除线</font>

    刪除线

    <FONT style="BACKGROUND-COLOR: #ffddff">加上背景色</FONT>

    加上背景色

    <font style="filter:FlipH;height:10pt;">左右翻转效果</font>

    左右翻转效果

    <font style="filter:FlipV ;height:10pt;">上下翻转效果</font>

    上下翻转效果

    <FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#4A7AC9,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>

     发光文字效果

    <FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF0000,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>

     发光文字效果

    <FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF0080,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>

     发光文字效果

    <FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF8000,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>

     发光文字效果

    <FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#008080,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>

     发光文字效果

    <FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#0000FF,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>

     发光文字效果

    <FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#8000FF,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>

     发光文字效果

    <FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#000000,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>

     发光文字效果

    <FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#4A7AC9,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp;</FONT>

    投射阴影文字效果  

    <FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#FF0000,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>

    投射阴影文字效果  

    <FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#FF0080,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>

    投射阴影文字效果  

    <FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#FF8000,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>

    投射阴影文字效果  

    <FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#008080,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>

    投射阴影文字效果  

    <FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#0000FF,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>

    投射阴影文字效果  

    <FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#8000FF,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>

    投射阴影文字效果  

    <FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#000000,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>

    投射阴影文字效果  

    <font style="FILTER:Dropshadow(color=#cccccc,offX=3,offY=3); height=1px">阴影文字效果</font>

    阴影文字效果

    <DIV style="WIDTH: 80px; HEIGHT: 19px; BACKGROUND-COLOR: #cccccc"><FONT style="FILTER: Dropshadow(color=#FFFFFF,offX=1,offY=1); HEIGHT: 15pt" color=#000000>&nbsp;雕刻文字效果</FONT></DIV>

     雕刻文字效果

    <DIV style="FONT-SIZE: 14pt; FILTER: Wave(freq=17,strength=3,lightstrength=1,phase=0); WIDTH: 125px; LINE-HEIGHT: 15pt; FONT-FAMILY: Verdana; HEIGHT: 20px" align=left>

    <FONT color=#ff8000><STRONG><B>扭曲文字效果</B></STRONG></FONT></DIV>

    扭曲文字效果


    二.版面特效

    <DIV style="writing-mode:tb-rl;text-align:left;font-family:Arial">文字竖排</DIV>
    文字竖排
    writing-mode设置书写模式,text-align设置文字对齐方式,font-family设置字型

     
    网友评论:
    发表评论:
    姓 名:
    网址或邮箱: (选填)
    内 容:
    验证码: 请输入下图中的四位验证码,字母不区分大小写。
    看不清?
     

         

    ©2007 Baidu
  • 相关阅读:
    Day9
    Day9
    Day9
    洛谷 P1896 [SCOI2005]互不侵犯
    洛谷 P1879 [USACO06NOV]玉米田Corn Fields
    Day9
    最大m段子段和 Day9
    jsp内置对象-application对象
    jsp内置对象-session对象
    jsp内置对象-response对象
  • 原文地址:https://www.cnblogs.com/dj258/p/613123.html
Copyright © 2011-2022 走看看