在网页中加入三维字体,可以让你的网页增色不少!本文的目的是:通过一个对照例子,让你能够轻松地在网页中实现三维字体,让你快速入门!如果你是初学者,只要一分钟,就可以学会了!若你是高手,那我只能算是班门弄斧了!演示地址:把握时间网址首页http://www.85time.com 例一: <HTML> <HEAD> <STYLE type=text/css>A { TEXT-TRANSFORM: none; TEXT-DECORATION: none } A:hover { COLOR: #0000ff; TEXT-DECORATION: underline } BODY { FONT-SIZE: 10pt; FONT-FAMILY: "宋体" } TD { FONT-SIZE: 10pt; FONT-FAMILY: "宋体" } .3dfont { COLOR: #0000ff; FILTER: glow(color=ffffff,strength=1) shadow(color=dedede,direction:100); POSITION: relative; WIDTH: 100% } </STYLE> </head> <body> <p class=3dfont>这是三维字体</p> <p>这不是三维字体</p> </body>
例二: 若需要多个页面使用该方法,则可以把 <STYLE type=text/css>A { TEXT-TRANSFORM: none; TEXT-DECORATION: none } A:hover { COLOR: #0000ff; TEXT-DECORATION: underline } BODY { FONT-SIZE: 10pt; FONT-FAMILY: "宋体" } TD { FONT-SIZE: 10pt; FONT-FAMILY: "宋体" } .3dfont { COLOR: #0000ff; FILTER: glow(color=ffffff,strength=1) shadow(color=dedede,direction:100); POSITION: relative; WIDTH: 100% } </STYLE> 另存为一个文件85time.css,也可以从http://www.85time.com/85time.css下载 然后保存在同一目录下,调用方法如下: <HTML> <HEAD> <LINK REL=StyleSheet HREF="http://www.webjx.com/htmldata/2005-02-23/85time.css" TYPE="text/css" MEDIA=all> </head> <body> <p class=3dfont&[1] [2] 下一页
|