点评:使用html5的text-shadow实现没有模糊效果,有模糊效果,阴影叠加的具体代码如下,想学习的朋友可以了解下哈,希望对大家学习html5有所帮助

复制代码
代码如下: 
<!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> 
<title></title> 
<style type="text/css"> 
/*<![CDATA[*/ 
#text 
{ 
text-shadow:2px 2px 0px orange; 
} 
#text1 
{ 
text-shadow:2px 2px 5px orange; 
} 
#text2 
{ 
text-shadow:2px 2px 5px orange,-2px 2px 5px green; 
} 
/*]]>*/ 
</style> 
</head> 
<body> 
<div> 
没有模糊效果 
</div>
 
<div> 
有模糊效果 
</div>
 
<div> 
阴影叠加 
</div>
 
</body> 
</html> 
新闻热点
疑难解答