纯html+css实现鼠标悬浮动态效果（css设置鼠标悬浮效果）

给刚学网页css+html的入门者的一个小案例，代码轻易

html构造：

《head>图文列表《body>《div class="box"> 热门新品更多>

• 华为腕表

  最先进入

• 华为腕表

  点击进入

• 华为手机

  点击进入

• 华为光荣

  点击进入

• 华为Pro30

  点击进入

• 华为mate

  点击进入

• 华为佳构

  点击进入

• 华为nova3

  点击进入

}.boxulli.deatilh2{font-size:18px;color:#fff;margin-bottom:20px;text-align:center;padding-top:30px;}.boxulli.deatila{font-size:15px;display:block;color:#fff;background-color:#F00;text-decoration:none;width:100px;height:40px;text-align:center;line-height:40px;margin:0auto;}.boxulli:hover.deatil{top:0;}

本文链接：http://addon.ciliseo.com/chun-html-css-shi-xian-shu-biao-xuan-fu-dong-tai-xiao-guo.html