1、使用css中的flaot属性就可以了，首先打开Dreamweaver，创建html文件：
2、然后先给页面设置背景颜色，创建段落两个段落，段落上面设置2张图片的float属性，分别让它们左右浮动，值为left和right，最后打开浏览器：
3、打开浏览器后即可看到效果，两张图片分别浮动在文本的左右两边，文字则是围绕在图片周围.。以上就是在html中让图片浮动的方法：
1、首先，您需要创建一个html。
2、同时，您需要创建一个CSS文档。
3、CSS文档的后缀名必须为CSS，比如我们创建一个index.css文档。这一点很重要。
4、引入CSS文档。HTML里就可以移动图片位置，方法很简单。
。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<img style="margin-top: 100px" src="small2.png" />。
3、浏览器运行index.html页面，此时图片被向下移动了100px。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）