您当前位置：首页 > web前端 > 特效 > css样式多背景在同一页面的设置方法

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

来源：程序员人生发布时间：2014-07-14 22:57:39 阅读次数：4687次

css样式多背景在同一页面的设置方法，下面贴出代码示例，效果页面就不演示了，大家自己测试下就可以

<style>

.wfuyu{

  background-image: url(image/wfuyu.png);

  padding: 0px;

  float: left;

  height: 23px;

  width: 30px;

  margin-top: 100px;

  margin-right: 0px;

  margin-bottom: 100px;

  margin-left: 0px;

background-repeat: no-repeat;

  background-position: left 0px;

  }

.wfuyu:hover{

  background-repeat: no-repeat;

  background-position: right bottom;

  }

.wfuyu:active{

  background-repeat: no-repeat;

  background-position: left bottom;

  }

</style>

<body>

<div class="wfuyu"></div>

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 CSS的线性渐变样式

下一篇 去掉word里英文名字下面的红线

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点