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

有沒有哪位大神知道慕課網的課程選項的那個邊框陰影效果是如果做的??？求指教

DIV的邊框陰影，鼠標放上去就有陰影，拿走鼠標就消失的邊框陰影特效，求指教

qq_最帥的二狗蛋_0

2015-12-05

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

關注問題我要回答

1059

操作

收起

2 回答

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

html:

</div>

css:

div:hover{

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

}

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

收起回答

qq_最帥的二狗蛋_0 提問者

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

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

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 回復有任何疑惑可以回復我~

收起回答

qq_最帥的二狗蛋_0 提問者

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

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