如何从一幅大图里面截取一段小图 (使用background |
您所在的位置:网站首页 › css图片显示中间部分 › 如何从一幅大图里面截取一段小图 (使用background |
以前在制作网页的时候如果要使用一幅图的某一部分的时候,往往会想到用ps去切图,但是比较麻烦。其实css里有一个非常使用的功能:background-position就可以实现。 例如下图: 当我们要使用其中的某一个小图片来作为超链接的按钮的时候,就可以使用background-position来实现. 先写好超链接: a现在开始分析background-position的用法:
然后就截取其中的第一个小图片来作为链接的背景图。例如选取第二幅小图 小图的宽度为20px 高度为25px 则: div { width:20px; height:25px; background:url(image.png)no-reapte 0 25px; } |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |