css鼠标移入，div边框显示阴影效果
生活随笔
收集整理的這篇文章主要介紹了
css鼠标移入，div边框显示阴影效果
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
代碼如下
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>顯示邊框陰影</title> <style> div { border:#CCC solid 1px; width:200px; height:200px;} div:hover { ? ??box-shadow: 0px 0px 5px #888888; </style> </head><body> <div></div> </body> </html>效果如下：
總結(jié)
以上是生活随笔為你收集整理的css鼠标移入，div边框显示阴影效果的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： SIKI学院:MySQL数据库从零到精通
- 下一篇： 华硕 TUF GAMING b360m