首页 > 代码库 > CSS实现DIV感应鼠标Hover时的显示隐藏效果

CSS实现DIV感应鼠标Hover时的显示隐藏效果

<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>CSS实现DIV感应鼠标Hover时的显示隐藏效果</title><style>.wrap{}.wrap .box{border:2px solid red;width:200px;height:200px;float:left;margin-right: 10px;margin-bottom: 10px;}.wrap .box:hover h1{display:block;}.wrap .box h1{background:#333;color:white;display:none;}</style></head><body>    <div class="wrap">        <div class="box">            <h1>石家庄vi设计</h1>        </div>        <div class="box">            <h1>jm880.cn</h1>        </div>        <div class="box">            <h1>河北广告策划公司</h1>        </div>    </div></body></html>

 

CSS实现DIV感应鼠标Hover时的显示隐藏效果