首页 > 开发 > CSS > 正文

CSS background 控制显示图片的一部分

2024-07-11 09:06:06

字体：大中小

来源：转载

供稿：网友

采用一张图片多种效果或内容显示，这时就可以使用background进行定位控制显示图片的某一部分，实现代码如下，从事web前端的朋友可以看看

使用情形：防止反复请求图片资源，我们经常采用一张图片多种效果或内容显示。
假设我有纸张竖直方向的一张图片，竖直y轴方向分别是字母：A,B,C....
现在分别要显示A、B、C 等字母，我们的CSS可以这么写：
这里图片一个字母所占的width=20px,height=20px;

复制代码

上一篇：css中position:fixed实现div居中上下左右居中

下一篇：CSS如何只改变父元素背景透明度不改变子元素透明度

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注