18.雪碧 网页小图片的使用,可以将它们设置到一张大图上,然后用背景距离调控他们出现的位置!
2016-07-21 19:59
531 查看
雪碧
网页小图片的使用,可以将它们设置到一张大图上,然后用背景距离调控他们出现的位置!
<!-- <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div {
width:475px;
height:8px;
background: url("radius.png") 0px -18px repeat-x;
}
strong {
height:8px;
display: block;
background: url("radius.png") 0px 0px no-repeat ;
}
span {
height:8px;
display: block;
background: url("radius.png") right -36px no-repeat ;
}
</style>
</head>
<body>
<div>
<strong>
<span>
</span>
</strong>
</div>
</body>
</html> -->
网页小图片的使用,可以将它们设置到一张大图上,然后用背景距离调控他们出现的位置!
<!-- <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div {
width:475px;
height:8px;
background: url("radius.png") 0px -18px repeat-x;
}
strong {
height:8px;
display: block;
background: url("radius.png") 0px 0px no-repeat ;
}
span {
height:8px;
display: block;
background: url("radius.png") right -36px no-repeat ;
}
</style>
</head>
<body>
<div>
<strong>
<span>
</span>
</strong>
</div>
</body>
</html> -->
相关文章推荐
- HTML 5开发的在线雪碧图片合成工具
- HDU 5742 It's All In The Mind(贪心?)
- 复习2(笔记17开始)
- Hadoop项目
- Codeforces 77C Beavermuncher-0xFF
- Handler的基本用法和原理简介
- 将sublime打造成python的IDE开发工具
- Java中的ReentrantLock和synchronized两种锁定机制的对比
- Codeforces Round #337 (Div. 2) A-----思维题
- 【操作系统】SPOOLing技术(外部设备联机并行操作/假脱机技术)
- Spring总结—— IOC 和 Bean 的总结
- 面向对象基础
- Android阶段学习笔记7.21-7.24 之 网络编程
- CodeForces 288C
- HDU 5618 (CDQ分治 树状数组)
- nginx使用logrotate对日志进行分割
- Cocos2d-x 3.x 布景层Layer
- UVA-11044 Searching for Nessy
- 求余运算
- 如何选择使用IEnumerable, ICollection, IList