网站用户体验整合设计-利用CSS实现发光字效果

利用CSS实现发光字效果

Post by 张美工, 2009-8-31, Views:

我们在制作页面的过程中，遇到效果图有外发光效果的文字，大多数人会采用切图的方法来现，但是我们知道，图片往往比较耗资源，图片多的网站打开速度也会比较慢，所以优秀的网站美工在制作界面的时候都会尽量去用文字，而且文字的用户体验很好，浏览速度快，方便摘取有用信息，因此，要实现多多的利用文字，我们的设计师都会深层的挖掘CSS这个强大的武器，下面张美工介绍一种CSS效果，利用CSS实现发光字

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>利用CSS实现发光字效果</title>
<style type="text/css">
<!--
body {
background-color: #000;
}
.text { float:left; color:#990000; filter:Dropshadow(offx=1,offy=0,color=#ffffff) Dropshadow(offx=0,offy=1,color=#ffffff) Dropshadow(offx=-1,offy=0,color=#ffffff) Dropshadow(offx=0,offy=-1,color=#ffffff); font-size:14px; font-weight:bold;}

-->
</style></head>

<body>
<font class="text">利用CSS实现发光字效果</font>
</body>
</html>

Tags: CSS实现发光字效果 DIVCSS

分类:css+div | 评论:3 | 引用:0

上一篇：css最实用的属性表
下一篇：网站用户体验之如何做成一个网站