回覆列表
-
1 # 帶上貓貓
-
2 # 晨星早
1、建立html檔案。
2、設定頁面背景顏色。
3、建立段落一。
4、引入圖片設定圖片大小並設定圖片浮動至段落的左邊。
5、建立段落二。
6、引入圖片設定圖片大小並設定圖片浮動至段落的右邊。
7、預覽效果如圖。
-
3 # 註定搗蛋ly
1、首先開啟軟體,並建立一個新的html檔案。
2、建立新檔案後,設定頁面背景顏色。
3、在新檔案中建立段落一,或者選擇一個段落。
4、再引入圖片並設定圖片大小,這裡就可以設定圖片浮動至段落的左邊。
5、建立段落二,或者選擇一個新的段落。
6,再次引入圖片並設定圖片大小,同時設定圖片浮動至段落的右邊。
1、使用css中的flaot屬性就可以了,首先開啟Dreamweaver,建立html檔案:
2、然後先給頁面設定背景顏色,建立段落兩個段落,段落上面設定2張圖片的float屬性,分別讓它們左右浮動,值為left和right,最後開啟瀏覽器:
3、開啟瀏覽器後即可看到效果,兩張圖片分別浮動在文字的左右兩邊,文字則是圍繞在圖片周圍.。以上就是在html中讓圖片浮動的方法: