国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS background 控制顯示圖片的一部分

2024-07-11 08:30:29
字體：大 中 小
來源：轉載
供稿：網友
使用情形：防止反復請求圖片資源，我們經常采用一張圖片多種效果或內容顯示。
假設我有紙張豎直方向的一張圖片，豎直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軸的值即可。
注：需要容器負載圖片。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 清流县| 沈阳市| 利川市| 瑞昌市| 西林县| 曲靖市| 杂多县| 德庆县| 合阳县| 蓝山县| 独山县| 鲁甸县| 竹山县| 涞水县| 米林县| 浮梁县| 溧水县| 吴桥县| 香格里拉县| 鲜城| 桦南县| 巴林左旗| 宾川县| 定兴县| 科尔| 高安市| 日照市| 博兴县| 廉江市| 菏泽市| 务川| 九龙坡区| 梓潼县| 桐柏县| 兴和县| 青川县| 金沙县| 类乌齐县| 和静县| 靖西县| 通城县|