码上敲享录 > CSS简单实例分享 > hover 鼠标悬浮改变样式

hover 鼠标悬浮改变样式

上一章章节目录下一章 2019-11-03已有6278人阅读 评论(0)

当鼠标悬浮在元素上,通过hover改变字体或背景颜色等,移开鼠标又恢复

实例:

<style>

   a span.showSpan:hover {background-color:#d0d0d0;}

   div.nihao:hover {background-color:red;font-size: 30px;}

</style>


<body>

   <div class="nihao">你好</div>

   <a><span class="showSpan">大家好</span></a>

</body>


扩展:

CSS可控制超链接样式-css链接样式如下

a:link是超级链接的初始状态

a:hover是把鼠标放上去时悬停的状况

a:active是鼠标点击时

a:visited是访问过后的情况






向大家推荐《Activiti工作流实战教程》:https://xiaozhuanlan.com/activiti
5

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交