把多张图放在一张图里,然后如何在网页中分别调用呢
时间:2011-12-11
来源:互联网
如题
作者: SKY20110501 发布时间: 2011-12-11
你说的是不是做css用的那个 X和Y坐标调用图的??? 那个东西其实很简单 只要输入图片的开始坐标和结束坐标就可以了。
www.ssday.com
www.ssday.com
作者: storylok 发布时间: 2011-12-11
.ccc{
background:url(../images/xxx.gif) no-repeat x y;
}
上例中的x和y就代表提取图片的位置。x是横坐标,y是纵坐标,又如:
.ccc{
background:url(../images/xxx.gif) no-repeat 0 -30px;
}
这个的意思是指把xxx.gif这张图片的横坐标定位为0,纵坐标定位成30px,也就是将xxx.gif向上提30px,然后左边顶部对齐。
那么我们将x坐标的值换成其它数值,又是什么意思呢?比如:
.ccc{
background:url(../images/xxx.gif) no-repeat 100% -30px;
}
这句的意思就是指,将xxx.gif这张图片放到最右边,向上移动30px,当然您也可以直接这样写:
.ccc{
background:url(../images/xxx.gif) no-repeat right -30px;
}
background的定位可以用百分比,精确定位,绝对定位
截取图片的位置有了。再根据本对象的width,height就决定截取图片的大小了。
background:url(../images/xxx.gif) no-repeat x y;
}
上例中的x和y就代表提取图片的位置。x是横坐标,y是纵坐标,又如:
.ccc{
background:url(../images/xxx.gif) no-repeat 0 -30px;
}
这个的意思是指把xxx.gif这张图片的横坐标定位为0,纵坐标定位成30px,也就是将xxx.gif向上提30px,然后左边顶部对齐。
那么我们将x坐标的值换成其它数值,又是什么意思呢?比如:
.ccc{
background:url(../images/xxx.gif) no-repeat 100% -30px;
}
这句的意思就是指,将xxx.gif这张图片放到最右边,向上移动30px,当然您也可以直接这样写:
.ccc{
background:url(../images/xxx.gif) no-repeat right -30px;
}
background的定位可以用百分比,精确定位,绝对定位
截取图片的位置有了。再根据本对象的width,height就决定截取图片的大小了。
作者: theforever 发布时间: 2011-12-11
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28