css样式多背景在同一页面的设置方法

css样式多背景在同一页面设置方法,下面贴出代码示例,效果页面就不演示了,大家自己测试下就可以
  1. <style> 
  2. .wfuyu{  
  3.   background-image: url(image/wfuyu.png);  
  4.   padding: 0px;  
  5.   float: left;  
  6.   height: 23px;  
  7.   width: 30px;  
  8.   margin-top: 100px;  
  9.   margin-right: 0px;  
  10.   margin-bottom: 100px;  
  11.   margin-left: 0px;  
  12.  background-repeat: no-repeat;  
  13.   background-position: left 0px;  
  14.   }  
  15. .wfuyu:hover{   
  16.   background-repeat: no-repeat;  
  17.   background-position: right bottom;  
  18.   }  
  19. .wfuyu:active{   
  20.   background-repeat: no-repeat;  
  21.   background-position: left bottom;  
  22.   }  
  23. </style> 
  24. <body> 
  25. <div class=wfuyu></div> 

 

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...