首先你要知道要截取的图片在整张图片中的偏移量以及大小。然后:
<div style="width:wwwpxheight:hhhpxbackground:url(图片url) no-repeat -lllpx -tttpx"></div>
其中www是要截取的小图片的宽度,hhh则是高度;
lll是小图片的左边在大图片的偏移量,ttt则是上边的偏移量。
请注意负号不能省略!
1、首先,您需要创建一个html。
2、同时,您需要创建一个CSS文档。
3、CSS文档的后缀名必须为CSS,比如我们创建一个index.css文档。这一点很重要。
4、引入CSS文档。HTML里就可以移动图片位置,方法很简单。
。
步骤如下:1.首先,我们准备一个简单的网页用于测试使用。在记事本中输入以下代码:
然后依次点击“文件”——保存,保存文件名为:index.html,保存类型为所有文件。
2.双击打开保存的index.html文件;
3.1.利用marquee标签右移
针对第一种情况,我们可以利用marquee标签来实现图片循环右移。
修改第一个图像的代码:
4,保存后,在浏览器中打开;
2.利用CSS样式右移
针对第二种情况,可以利用css样式来让图片在原来位置的基础上向右偏移给定值距离。
修改第一张图片代码如下:
style=position:relativeleft:10px表示图像在原有位置的基础上向右移动10PX。