精通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>