css如何实现HTML的div块在鼠标悬浮时出现底部阴影？

Answer 1

.boxShadow {
    -webkit-box-shadow: #999 0px 0px 8px;
    -moz-box-shadow: #999 0px 0px 8px;
    box-shadow: #999 0px 0px 8px;
}

$("div").mouseover{
  $(this).addClass(".boxShadow");
}.mouseout{
  $(this).removeClass(".boxShadow);
}

当鼠标划上去的时候，给这个例子加上一个底部阴影的样式，移开时同时把此样式移开

Answer 2

border: 1px solid #696;padding: 60px 0;text-align: center; width: 200px;

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;background: #EEFF99;behavior: url(/PIE.htc);
你试一下咯