在网页设计中，如何利用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>

不管你怎么设置都不能一样的，要一样的话可以，但必须PS里面字体效果设置无。

photoshop字体默认为平滑，也就是说字体边缘过度比较自然，不像网页排版时每个像素都很清晰，字体越大，锯齿形状就越明显。

上面字体，网页里可以使用黑体或是微软雅黑。懂排版的PS设计师，字体效果一般会调成无，那样排版的效果就和PS里的效果一致了。