如何用css做白色发光字体

html-css09

如何用css做白色发光字体,第1张

<!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/htmlcharset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

body {

font-color:red

font:14px "Verdana"

background-color:#3366cc

}

.sizscolor {

position:absolute

padding:4px

filter:

Dropshadow(offx=1,offy=0,color=white)

Dropshadow(offx=0,offy=1,color=white)

Dropshadow(offx=0,offy=-1,color=white)

Dropshadow(offx=-1,offy=0,color=white)

}

.STYLE1 {position: absolutepadding: 4pxfilter: Dropshadow(offx=1,offy=0,color=white) Dropshadow(offx=0,offy=1,color=white) Dropshadow(offx=0,offy=-1,color=white) Dropshadow(offx=-1,offy=0,color=white)color: #FF0000}

</style>

</head>

<body>

<br>

<div class="STYLE1">政策法规</div>

</body>

</html>

我想如果

只要字体和图片产生阴影效果

用滤镜Shadow就可以实现呀

Filter:Shadow(Color=color,Direction=direction)

可以在指定的方向建立投影,Color是指定发光的颜色,Strength指定发光的强度,参数值从1到255

使对象的边缘产生类似发光的效可用滤镜

Filter:Glow(Color=color,Strength=strength)

Direction参数用来指定投影的方向

举个例,比如说你想让你的空间名产生发光和阴影效果,可以这样写

#header div.tit{top:4pxLEFT:100pxfont-size:30pxfont-family:楷体FILTER:Glow(Color=#33ADFF,Strength=4) Shadow(Color=#003355,Direction=180)color:#FFF}

<!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/htmlcharset=gb2312" />

<title>无标题文档</title>

</head>

<body style="background-color:#000">

<DIV style="FILTER: Glow(color=#ffffff,strength=12)WIDTH: 384pxHEIGHT: 304px" align=center><br>二、参数说明:

color -->发光颜色

strength -->发光强度

虑镜宽=ziti宽度+发光强度x2

虑镜高=ziti高度+发光强度x2+10

</DIV>

</body>

</html>