1、首先打開軟件,并創建一個新的html文件。
2、創建新文件后,設置頁面背景顏色。
3、在新文件中創建段落一,或者選擇一個段落。
4、再引入圖片并設置圖片大小,這里就可以設置圖片浮動至段落的左邊。
5、創建段落二,或者選擇一個新的段落。
6,再次引入圖片并設置圖片大小,同時設置圖片浮動至段落的右邊。
1、創建html文件。
2、設置頁面背景顏色。
3、創建段落一。
4、引入圖片設置圖片大小并設置圖片浮動至段落的左邊。
5、創建段落二。
6、引入圖片設置圖片大小并設置圖片浮動至段落的右邊。
7、預覽效果如圖。
1、使用css中的flaot屬性就可以了,首先打開Dreamweaver,創建html文件:
2、然后先給頁面設置背景顏色,創建段落兩個段落,段落上面設置2張圖片的float屬性,分別讓它們左右浮動,值為left和right,最后打開瀏覽器:
3、打開瀏覽器后即可看到效果,兩張圖片分別浮動在文本的左右兩邊,文字則是圍繞在圖片周圍.。以上就是在html中讓圖片浮動的方法: