5个回答
展开全部
1、设置h3的style以此来添加text-shadow,这个就是文字的阴影了哦。它的参数分别表示阴影的水平距离，垂直距离以及模糊程度和阴影的颜色了。
2、前两个数值越大距离原来文字的距离就会越远哦。而第三个值越大那么阴影就会越模糊哦。
3、div元素添加阴影效果也是差不多的情况，不过用到的是box-shadow属性而已，参数也是一样的。
4、比方我就设置了div元素的红色阴影效果。
5、如果想要让div元素的阴影效果更加的逼真，那么可以适当的缩写数值哦。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1、要设置h3的style以此来添加text-shadow,这个就是文字的阴影了哦。它的参数分别表示阴影的水平距离，垂直距离以及模糊程度和阴影的颜色了。
2、前两个数值越大距离原来文字的距离就会越远哦。而第三个值越大那么阴影就会越模糊哦。
3、div元素添加阴影效果也是差不多的情况，不过用到的是box-shadow属性而已，参数也是一样的。
4、比方我就设置了div元素的红色阴影效果。
5、如果想要让div元素的阴影效果更加的逼真，那么可以适当的缩写数值哦。
6、这样div阴影效果就出来了哟。当然阴影效果还可以配合鼠标经过事件等，展开大脑思考让阴影效果更加炫酷吧。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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 id="text">
没有模糊效果
</div>
<div id="text1">
有模糊效果
</div>
<div id="text2">
阴影叠加
</div>
</body>
</html>
"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 id="text">
没有模糊效果
</div>
<div id="text1">
有模糊效果
</div>
<div id="text2">
阴影叠加
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<a style="text-shadow:5px 5px 5px #ffffff;">文本阴影效果！</a>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
a{
text-shadow:5px 5px 2px #ffffff;
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
