如何在HTML中给文字加阴影???CSS滤镜。或者JQJS的方法都可以。求助!

html-css012

如何在HTML中给文字加阴影???CSS滤镜。或者JQJS的方法都可以。求助!,第1张

滤镜

<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>

建议LZ将文字加工成图片的形式,一种正常,一种带阴影效果..将这两张图片分别做成鼠标经过图片就可以了..如果你明白CSS的话,也可以用CSS来对鼠标经过状态进行定义..如果不明白 直接在DW中执行 插入---图像对象---鼠标经过图像..在弹出的对话框中设置鼠标经过状态的两种状态分别显示的图片就可以了!