设为首页 | 加入收藏
当前位置:首页>>网页特效>>网页文字特效>> 带阴影的字特效

带阴影的字特效

时间:2005-1-14 22:54:43 来源:本站收集整理 作者:佚名

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

<STYLE type=text/css>
.font1 {COLOR: #333333; FILTER:DropShadow(Color=#cccccc, OffX=4, OffY=4, Positive=1); FONT-FAMILY: "宋体"; FONT-SIZE: 11pt
}
A:hover {TEXT-DECORATION: underline}
A {TEXT-DECORATION: none}</STYLE>


第二步：把如下代码加入到<body>区域中

<br>
                   <TABLE align=center class=font1 width="95%">
                    <TR>
                      <TD height=18>
                        <DIV align=center><A href="#"
                        target=_blank>链接文字</A></DIV></TD>
                      <TD height=18>
                        <DIV align=center><A href="#"
                        target=_blank>链接文字</A></DIV></TD>
                      <TD height=18>
                        <DIV align=center><A href="#"
                        target=_blank>链接文字</A></DIV></TD>
                      <TD height=18>
                        <DIV align=center><A href="#"
                        target=_blank>链接文字</A></DIV></TD></TR>
                    </TABLE>