新增環繞程式碼即可，程式碼如下：<style> p{border:1pxsolidred;} img{float:left;margin:05px5px0;}</style>操作步驟如下：1、首先準備好html檔案和所需要插入的圖片，將其放在同一個資料夾內；2、然後在html檔案中編輯要顯示的頁面內容和圖片，先將整體的大概頁面建立好；3、然後需要在html中新增環繞程式碼：<style> p{border:1pxsolidred;} img{float:left;margin:05px5px0;}</style>4、程式碼新增完畢後，儲存html檔案，重新開啟預覽就可以看到文字環繞圖片的格式了。

方法/步驟

準備一張圖片，新建一個空白html檔案

其中html檔案內容如下圖所示，html中包含了一張圖片，及對應的描述段落

給html新增head標籤，在標籤中定義樣式。

用chrome瀏覽器開啟上面的html檔案，可以看到文字繞排效果，如下圖所示

由於在引入圖片時我們用到的語句是，這表明圖片的大小是會隨著瀏覽器視窗的大小調整而自動調整的。所以當放大或縮小瀏覽器視窗時，環繞效果會跟隨著變化。