程序员人生网站导航

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

栏目：特效时间：2014-07-14 22:57:39

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里英文名字下面的红线

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