您當前位置：首頁 > web前端 > 特效 > css樣式多背景在同一頁面的設置方法

css樣式多背景在同一頁面的設置方法

來源：程序員人生發布時間：2014-07-14 22:57:39 閱讀次數：5538次

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關注

欄目熱點

多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

css樣式多背景在同一頁面的設置方法