通俗基础教程
电脑操作教程
电脑怎样拨号上网
如何做个人网页
怎样做局域网
Word教程(文字处理)
图形图象处理入门
经典提高教程
怎样使用代理服务器
如何做无盘工作站
Photoshop教程
Dreamweaver教程
Flash教程
Firework教程
Frontpage2000教程
Authware教程
Office2000教程
如何制作动画图片
OICQ&ICQ使用方法

高手学习指南

硬件升级技巧
CGI教程
ASP教程

PHP教程

注册表使用技巧
路由器的设置
网站建设指南
SQL
合作网站
栏目制作月光软件
最近更新:
类别:网站制作

网页中轻松实现三维字体
出处:www.85time.com

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

</body>


例二比例一简单多了吧!

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

   
相关教程
怎么样才能控制弹出新窗口的位置?
怎么样才能控制弹出新窗口的位置?
怎样控制弹出窗口大小?
网页中制作边角圆润的图形
网页中飘动的图片的制作
如何在一个网页中实现多个链接效果
Dreamweaver中层的定位
实现动画效果的 Timeline
网页制作中的声音层叠样式表单
网页中轻松实现三维字体