网页中轻松实现三维字体


  来源:不详 | 作者: | 浏览: | 发送给好友 | 添加到收藏夹

   在网页中加入三维字体,可以让你的网页增色不少!本文的目的是:通过一个对照例子,让你能够轻松地在网页中实现三维字体,让你快速入门!如果你是初学者,只要一分钟,就可以学会了!若你是高手,那我只能算是班门弄斧了!演示地址:把握时间网址首页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="85time.css" TYPE="text/css" MEDIA=all> 
</head> 
<body> 
<p class=3dfont>这是三维字体</p> 
<p>这不是三维字体</p> 
</body> 

例二比例一简单多了吧! 
通过上面两个例子,我想你已经看过其中的奥秘了吧!其实是利用样式表的一小部分功能,有关样式表的资料最好是买本书来看看!“师傅领进门,修行在个人”,当然你若需要电子书籍也可以去我的个人主页下载,下载地址:http://www.85time.com/mydowns/9.htm 

以上其实是我的主页上的样式表源程序,现拿出来与各位共享,与各位交流,使用中遇到问题也可以直接与我联系(http://www.85time.com)!  

上一篇
闪动论坛 打印此页 发送给好友 返回顶部