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

Posted 2023-05-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在网页设计中，如何利用CSS让字体边缘有颜色，比如字体是白色的，他的边缘颜色是黑色的？相关的知识，希望对你有一定的参考价值。

背景颜色不是白的，这个滤镜就不好用了呀，怎么解决那？

参考技术A 表格外发光：<table border="0" style="filter:glow(color=green,strength=16);width:234;height:99;border: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/html; charset=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>本回答被提问者采纳参考技术B css里页有这效果的，编辑css，里面有个扩展，在滤镜里面,Glow(clolr=颜色，strength=发光大小)。注：滤镜效果在firefox里面不支持。参考技术C <style type=text/css>

.pagetitle

height:20;
line-height:150%;
FILTER:Glow(Color=#a0ffa0,Strength=5);
font-size:18pt;text-align:center

</style>

<p class="pagetitle">发光字</p> 参考技术D PS中有这效果，CSS中，想必我学的太浅了吧。