如何在Javascript HTML中正确分割图标表
初学者问题在这里 问题：如何在特定位置和特定大小显示“png图纸”中的单个图标 背景：我最近发现自己正在尝试使用javascript编写一个教育游戏。这个问题是如何处理图标表。这个概念是一个分类游戏，其中一个关键字会出现在屏幕上，用户必须确定关键字属于哪个类别，其中有7个类别。用户按下数字键（1-7）。如果正确，一些浮华的图形和关键字将进入适当的类别，并获得分数。如果不正确，则不得分，然后进行其他图形转换和 这些类别都是编号的，我决定使用数字图标（1-7）会更好，而不仅仅是用数字输入文本。我在搜索数字图标时发现了一张png图标编号表，其中（0-9）以矩阵格式排列。这些图标在单个png文件中排列如下 1. 2. 3. 4. 5. 6. 7. 8. 9如何在Javascript HTML中正确分割图标表,javascript,html,Javascript,Html,初学者问题在这里 问题：如何在特定位置和特定大小显示“png图纸”中的单个图标 背景：我最近发现自己正在尝试使用javascript编写一个教育游戏。这个问题是如何处理图标表。这个概念是一个分类游戏，其中一个关键字会出现在屏幕上，用户必须确定关键字属于哪个类别，其中有7个类别。用户按下数字键（1-7）。如果正确，一些浮华的图形和关键字将进入适当的类别，并获得分数。如果不正确，则不得分，然后进行其他图形转换和 这些类别都是编号的，我决定使用数字图标（1-7）会更好，而不仅仅是用数字输入文本。我在搜
这是一个css问题：
解决此问题的方法是使用
背景位置.image1、.image2、.image3{
高度：50px；
宽度：50px；
背景图像：url（'/images.png'）；
背景重复：无重复；
}
.image1{
背景位置：0；
}
.image2{
背景位置：0-50px；
}
.image3{
背景位置：0-100px；
}