如何在html中怎么让图片浮动?

html-css05

如何在html中怎么让图片浮动?,第1张

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

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

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

具体步骤如下:

1、在同一个div里,先书写一段代码,如下图所示,在这个代码中给dive设置宽度和高度,这时为了让文字有一个具体的范围。

2、找到background,如下图示,在background的后面添加上图片作为这个的背景图案。

3、之后在background后面加上url(),为了连接图片,在url里面写的就是背景图片的路径。

4、可以根据个人喜好放入喜欢的图片,在这里路径一定要写对。

5、这样,保存之后文字就会覆盖在图片的上面了。