精通CSS精灵:掌握网页设计的关键技能
发表时间: 2024-04-08 09:57
反方向挪要用负数。
比如要将背景图片设置为其中的N,那么设置如下
使用像素大厨获得左上角坐标,得到position -258 -272
效果如下
<title>CSS 精灵-基本使用</title>
<style>
div{
height: 117px;
width: 112px;
background-color: pink;
background-image: url(./images/abcd.jpg);
background-position: -256px -272px;
}
</style>
</head>
<body>
<div></div>
</body>