如何从一幅大图里面截取一段小图 (使用background-position)

以前在制作网页的时候如果要使用一幅图的某一部分的时候,往往会想到用ps去切图,但是比较麻烦。其实css里有一个非常使用的功能:background-position就可以实现。

例如下图:

当我们要使用其中的某一个小图片来作为超链接的按钮的时候,就可以使用background-position来实现.

先写好超链接:

a

现在开始分析background-position的用法:

如何从一幅大图里面截取一段小图 (使用background-position)_第1张图片

如何从一幅大图里面截取一段小图 (使用background-position)_第2张图片


然后就截取其中的第一个小图片来作为链接的背景图。例如选取第二幅小图  小图的宽度为20px 高度为25px 则:



你可能感兴趣的:(html+css)