微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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> 

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐