CSSのbackground-url属性は、画像内の各小さな画像の位置をどのように計算しますか? _html/css_WEB-ITnose

たとえば、PNG に異なる色の 3 つの小さな星がある場合、それぞれの小さな星のピクセル位置を正確に記述するにはどうすればよいでしょうか?
写真の通り

ディスカッションへの返信（解決策）

背景位置

 <div style="background: url(http://img.bbs.csdn.net/upload/201411/20/1416475573_323694.png) no-repeat 0px -30px;width:100px;height:34px"></div>

http://64.233.171.161/
CSS 画像の位置
を検索して取得します:

http:// /www.ruanyifeng.com/blog/2008/05/css_background_image_positioning.html

http://www.w3school.com.cn/cssref/pr_background-position.asp

http://www.wibibi.com/info .php?tid= 79

CSSを生成できる画像結合ツールがあります。

 <div style="background: url(http://img.bbs.csdn.net/upload/201411/20/1416475573_323694.png) no-repeat 0px -30px;width:100px;height:34px"></div>

ここの説明はとても良いのですが、画像の右上（？）に原点の座標を書いて、それを指定の位置（？）に置くということが書いてありません。

 <div style="background: url(http://img.bbs.csdn.net/upload/201411/20/1416475573_323694.png) no-repeat 0px -30px;width:100px;height:34px"></div>

こちらの記事でとても詳しく説明されていますが、画像の右上隅の原点の座標（？）とそれを指定の位置（？）に配置することについては記載されていません。
それは身長によってのみ制御できます