CSS - 选择图像区域并显示

时间:2014-11-15 23:41:36

标签: css css-sprites

我需要帮助为导航菜单创建图像。 我看到一个网站只有一个包含大量小图片的图片,我猜该网站会识别哪些图片可以使用以及何时何地使用。

例如:show image

如何选择主页按钮,设置按钮和星形按钮并单独使用?

由于

1 个答案:

答案 0 :(得分:1)

这不是PHP相关的问题。实际上,这是关于CSS的。如上所述,您正在寻找的概念称为“精灵”。以下是基于您提供的链接的示例:

<!DOCTYPE html>
<html>
<head>
<style>
#home {
    width: 45px;
    height: 45px;
    background: url(http://kepfeltoltes.hu/141116/4example_www.kepfeltoltes.hu_.jpg) 0 0;
}

#next {
    width: 45px;
    height: 45px;
    background: url(http://kepfeltoltes.hu/141116/4example_www.kepfeltoltes.hu_.jpg) -115px 0;
}
</style>
</head>
<body>

<img id="home" src=""><br><br>
<img id="next" src="">

</body>
</html>