CSS 图片偏移

html-css021

CSS 图片偏移,第1张

首先你要知道要截取的图片在整张图片中的偏移量以及大小。然后:

<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。