首先你要知道要截取的图片在整张图片中的偏移量以及大小。然后:
<div style="width:wwwpxheight:hhhpxbackground:url(图片url) no-repeat -lllpx -tttpx"></div>
其中www是要截取的小图片的宽度,hhh则是高度;
lll是小图片的左边在大图片的偏移量,ttt则是上边的偏移量。
请注意负号不能省略!
1、使用css中的flaot属性就可以了,首先打开Dreamweaver,创建html文件:
2、然后先给页面设置背景颜色,创建段落两个段落,段落上面设置2张图片的float属性,分别让它们左右浮动,值为left和right,最后打开浏览器:
3、打开浏览器后即可看到效果,两张图片分别浮动在文本的左右两边,文字则是围绕在图片周围.。以上就是在html中让图片浮动的方法:
左浮动即float:left,使布局元素靠左浮动。右浮动即float:right,使布局元素靠右浮动。在网页布局中结合这两种布局方式可以设计出千变万化的布局形式!只要发散你的思维,开拓你的想象相信定能设计出好的作品!祝你成功!