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

您所在的位置:网站首页 css图片显示中间部分 如何从一幅大图里面截取一段小图 (使用background

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

2024-07-09 20:20| 来源: 网络整理| 查看: 265

以前在制作网页的时候如果要使用一幅图的某一部分的时候,往往会想到用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