首页 > 网站 > WEB开发 > 正文

CSS控制显示图片的一部分

2024-04-27 14:31:50

字体：大中小

来源：转载

供稿：网友

CSS控制显示图片的一部分使用情形：防止反复请求图片资源，我们经常采用一张图片多种效果或内容显示。假设我有纸张竖直方向的一张图片，竖直y轴方向分别是字母：A,B,C....现在分别要显示A、B、C 等字母，我们的CSS可以这么写：这里图片一个字母所占的width=20px,height=20px;.mar_WordA { background: url("../images/ranking.gif") no-repeat scroll 0 0px transparent;}.mar_wordB { background: url("../images/ranking.gif") no-repeat scroll 0 -20px transparent;}.mar_wordC { background: url("../images/ranking.gif") no-repeat scroll 0 -40px transparent;}........................若果是水平方向的图片，调整x轴的值即可。注：需要容器负载图片。

CSS控制图片显示.rar(1.2 KB)

上一篇：CSS实现背景透明，文字不透明（兼容各浏览器）

下一篇：【CSS技巧】列表横向排列的另一种方法

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿创2023年5月以来最大单周涨幅

2024-04-27 13:35:46

雷军：小米正在申请3万件专利，以提升自身的竞争力

2024-04-27 13:33:47

人参泡酒15年后竟“复活”？网友：这酒还能喝不？

2024-04-24 22:53:44

芯片股普涨！英伟达市值一夜大涨6000亿元

2024-04-23 19:32:50

面馆老板1天卖100碗刚够交房租要卖到150碗才能实现盈利

2024-04-23 19:25:50

跌近30%！茶百道上市一小时跌没3年净利润

2024-04-23 19:13:19

疑难解答

图片精选

网友关注