html左浮动 HTML左浮动

html如何使图片浮动至段落的左边或右边

1、创建html文件。

2、设置页面背景颜色。

3、创建段落一。

4、引入图片设置图片大小并设置图片浮动至段落的左边。

5、创建段落二。

6、引入图片设置图片大小并设置图片浮动至段落的右边。

7、预览效果如图。

1、首先打开软件，并创建一个新的html文件。

2、创建新文件后，设置页面背景颜色。

3、在新文件中创建段落一，或者选择一个段落。

4、再引入图片并设置图片大小，这里就可以设置图片浮动至段落的左边。

5、创建段落二，或者选择一个新的段落。

6，再次引入图片并设置图片大小，同时设置图片浮动至段落的右边。

1、使用css中的flaot属性就可以了，首先打开Dreamweaver，创建html文件：

2、然后先给页面设置背景颜色，创建段落两个段落，段落上面设置2张图片的float属性，分别让它们左右浮动，值为left和right，最后打开浏览器：

3、打开浏览器后即可看到效果，两张图片分别浮动在文本的左右两边，文字则是围绕在图片周围．。以上就是在html中让图片浮动的方法：