1、新建html文件。
2、创建两个div，并赋予id。
3、为两个div设置宽高和背景，并设置左右浮动。
4、预览效果如图。
5、创建第三个div。
6、为第三个div设置宽高和背景。
7、预览效果如图。
注意事项：
随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。
定义一下padding-left的值就可以了，例如下面这样：文字文字文字~~
文字文字文字~~
文字文字文字~~
不过这样的副作用是div里面的其他元素也会向右偏移。所以也可以把padding定义在段落里面，例如
文字文字文字~~
这是直接把css写在html里面的作法，把它写在css文件里面也可以的，我想你应该知道怎么做的，就不详细说明了~~
步骤如下：1.首先，我们准备一个简单的网页用于测试使用。在记事本中输入以下代码：
然后依次点击“文件”——保存，保存文件名为：index.html，保存类型为所有文件。
2.双击打开保存的index.html文件；
3.1.利用marquee标签右移
针对第一种情况，我们可以利用marquee标签来实现图片循环右移。
修改第一个图像的代码：
4，保存后，在浏览器中打开；
2.利用CSS样式右移
针对第二种情况，可以利用css样式来让图片在原来位置的基础上向右偏移给定值距离。
修改第一张图片代码如下：
style=position:relativeleft:10px表示图像在原有位置的基础上向右移动10PX。
