css精灵
来源:互联网 发布:李连杰 黄飞鸿 知乎 编辑:程序博客网 时间:2024/04/28 10:19
原文链接:http://www.cnblogs.com/nyzhai/p/3232713.html
注:图片名称(tabicons.png)每个小图标width:18px;height:18px从左上角坐标为(-0px;-0px;);
例如第一个对号的坐标为(-0px;-0px;)第二个加号的图标为(-20px;-0px;)中间依次加20个像素
截取小图标样式
.icon{ background: url(imges/tabicons.png) no-repeat; width: 18px; line-height: 18px; display: inline-block;}.icon-set{ background-position: -380px -200px;}.icon-add{ background-position: -20px 0px;}
样式调用示例
<form id="form1" runat="server"> <div class="icon icon-sys"> </div> </form>
- css精灵
- css精灵
- CSS精灵
- css精灵
- css精灵
- CSS精灵
- css 精灵
- css sprite--css精灵
- CSS sprite css 精灵
- CSS spirit /css精灵
- css sprite/css精灵
- css srpites css精灵
- CSS Sprite(css精灵)
- css sprites CSS精灵
- Css sprites(Css精灵)
- css精灵 备用
- CSS精灵1
- CSS精灵2
- Ubuntu 13.04 安装 VMware Tools,解决无法找到kernel header path的问题
- circuits hdoj4285
- RedHat/CentOS源码编译安装MySQL5.6.12
- [HOJ 2353]Card Hands[Trie]
- URL 编码:CFURLCreateStringByAddingPercentEscapes
- css精灵
- 一步一步学android之基本控件——TextView组件
- 这里出现了没有合适的默认构造函数可用
- C语言多线程的相关函数和实例
- javascript获取浏览器高度和宽度值(多浏览器)_1
- Android中的Audio播放:竞争Audio之Audio Focus的应用
- C++数据结构——二叉搜索树(实现自定义迭代器)
- 【转载】CGI介绍
- C#学习[1]--C#的事件和委托的实现和思考