亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

css如何實現HTML的div塊在鼠標懸浮時出現底部陰影?

css如何實現HTML的div塊在鼠標懸浮時出現底部陰影?

龍箸羽 2016-08-10 10:54:47
查看完整描述

2 回答

已采納
?
blovetu

TA貢獻319條經驗 獲得超234個贊

.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);
}

當鼠標劃上去的時候,給這個例子加上一個底部陰影的樣式,移開時同時把此樣式移開

查看完整回答
反對 回復 2016-08-10
?
陳十四

TA貢獻36條經驗 獲得超13個贊

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);
你試一下咯


查看完整回答
反對 回復 2016-08-10
  • 龍箸羽
    龍箸羽
    效果和我想要的有點小出入,不過也給了我不少思路,謝謝哈
  • 2 回答
  • 0 關注
  • 8830 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號