如何在HTML中给文字加阴影？？？CSS滤镜。或者JQ/JS的方法都可以。求助！

注：是给文字加阴影。不是给DIV框架或者表格加。希望高人指点。... 注：是给文字加阴影。不是给DIV框架或者表格加。
希望高人指点。展开

 我来答

1个回答

#热议# 普通体检能查出癌症吗？

帐号已注销
2011-03-22 · TA获得超过1232个赞

知道大有可为答主

回答量：1245

采纳率：0%

帮助的人：1430万

我也去答题访问个人页

关注

展开全部

滤镜
<style type="text/css">
.shadow{
width:120px;

font-size:12px;
padding:10px;

/*以下属性作用于firefox */
-moz-box-shadow :3px 3px 4px #ccc; /*-maz- box-shadow:水平方向位移竖直方向位移模糊半径颜色 */
/*以下属性为ie 支持*/
*filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#cccccc"); /*力度，角度，颜色 */

/*以下只能被safari3浏览器支持*/
-webkit-box-shadow :3px 3px 4px #ccc;
/*以下属性只被Opera到最新的10.53版本支持*/
box-shadow :3px 3px 4px #ccc;

}
</style>

</head>
<body>

<div class="shadow">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

</div>

追问

您给的这个我试了一下。。没有任何变化啊。。。。我不知道是不是我自己做的不对。。就是复制到HEAD和BODY里。。。对么。。为什么没有任何效果呢。。

追答

...

king

.shadow{  
       width:120px;          
      
       font-size:12px;  
       padding:10px;  
       
       /*以下属性作用于firefox */
       -moz-box-shadow :3px 3px 4px #ccc;  /*-maz- box-shadow:水平方向位移 竖直方向位移 模糊半径 颜色 */
        /*以下属性为ie 支持*/
       *filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#cccccc"); /*力度，角度，颜色 */
       
       /*以下只能被safari3浏览器支持*/
       -webkit-box-shadow :3px 3px 4px #ccc; 
        /*以下属性只被Opera到最新的10.53版本支持*/
       box-shadow :3px 3px 4px #ccc;  
       
    }  

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

本回答被提问者采纳

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

如何在HTML中给文字加阴影？？？CSS滤镜。或者JQ/JS的方法都可以。求助！

其他类似问题

为你推荐：