下面是我要用到的一個背景圖,250*250像素,坐標值是從左上方開始的狠角,向右和向下伸展的時候,坐標值為負闭树!
這是css樣式結(jié)構(gòu):
.style1 {
color: #FFFF00;
background: url(style/坐標圖.png) no-repeat;
background-position: -25px -25px;
height: 50px;
width: 50px;
}
.style2 {
color: #FFFF00;
background: url(style/坐標圖.png) no-repeat;
background-position: -75px -75px;
height: 50px;
width: 50px;
}
.style3 {
color: #FFFF00;
background: url(style/坐標圖.png) no-repeat;
background-position: -125px -125px;
height: 50px;
width: 50px;
}
調(diào)用方法:
<p class="style1"></p>
<p class="style2"></p>
<p class="style3"></p>
顯示效果: