                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

有沒有哪位大神知道慕課網(wǎng)的課程選項的那個邊框陰影效果是如果做的?。壳笾附?/h1>
DIV的邊框陰影，鼠標放上去就有陰影，拿走鼠標就消失的邊框陰影特效，求指教

qq_最帥的二狗蛋_0

2015-12-05

源自：初識HTML(5)+CSS(3)-升級版 1-1

關(guān)注問題我要回答

1054

操作

收起

2 回答

ya_fee 回答被采納 +3 積分
2015-12-05

html:

</div>

css:

div:hover{

box-shadow: -2px 0px 2px #ccc,2px 2px 2px #ccc;

}

0 回復有任何疑惑可以回復我~

收起回答

#1

qq_最帥的二狗蛋_0 提問者

不好意思，我輸入這串代碼得到的只有一個灰色正方塊，鼠標移上去并沒有產(chǎn)生那種邊框會產(chǎn)生陰影的效果啊，請問下是我打開方式不對嗎？

2015-12-10 回復有任何疑惑可以回復我~

#2

qq_最帥的二狗蛋_0 提問者

非常感謝！

2015-12-13 回復有任何疑惑可以回復我~

慕課君
2015-12-14

<!DOCTYPE?HTML>
<html>
????<head>
????????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
????????<title></title>
????????<style?type="text/css">
????????????div:hover{
		????????box-shadow:?-2px?0px?2px?#ccc,2px?2px?2px?#ccc;
	?????????????}
????????</style>
????</head>
????<body>
????????<div?style="width:?200px;height:?200px;background-color:?#999">	
	</div>
????????</form>
????</body>
</html>

0 回復有任何疑惑可以回復我~

收起回答

#1

qq_最帥的二狗蛋_0 提問者

哥們兒，太厲害了！謝謝你！

2015-12-16 回復有任何疑惑可以回復我~