在网页设计中，如何利用CSS让字体边缘有颜色，比如字体是白色的，他的边缘颜色是黑色的？

html-css020

在网页设计中，如何利用CSS让字体边缘有颜色，比如字体是白色的，他的边缘颜色是黑色的？,第1张

表格外发光：<table border="0" style="filter:glow(color=green,strength=16)width:234height:99border:1 dotted red"><tr><td> </td></tr></table>

字体外发光：

<!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: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)

}

</style>

</head>

<body>

<br>

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

</body>

</html>

1、首先新建一个简单的html文件，如图所示。

2、然后根据自己的需要，简单的设置一下层宽高和图片样式。

3、新建一个用于局部模糊的层，利用绝对定位和z-index使它浮动在图片上面，效果如果所示。

4、然后细调css的样式使它达到自己想要的效果，比如想让中间的S模糊。

5、最后预览下如下图所示，就完成了。