技術文件
遠端連線服務(3)網頁疑難雜症(12)進銷存、會計(7)CAD/CAM 線切割軟體(8)PressCAD(0)電腦硬體維修(14)攝影教學(1)協力廠商聯絡資料(3)FAX Server 傳真伺服器(2)業務行銷(6)軟體教學(15)[轉貼自] https://soarlin.pixnet.net/blog/post/3143466
有時候寫文章的時候，會想要讓文章看起來跟報章雜誌一樣，圖片會被文字圍繞起來，這時候就要自己將 html code 加點手腳。
正常插入圖片的 html code 如下行所示
如果要使用文繞圖的話，只要加入一段 CSS code 到裡面，如下行紅色 code 所示
style="float: left">
left 表示圖片的位置在左邊，也可以改成 right，這樣圖片的位置就會變成在
右邊。
另外，只改這樣的話，圖片和文字會太靠近，看起來會覺得黏在一起，所以我們可以再加入一小段 CSS code，如下行藍色 code 所示
style="float: left; margin: 15px">
表示設定圖片四周會有 15 個 pixels 的空間，也就是文字距離圖片會有 15 pixels，看起來就會比較清爽了， 15 這個數字可以隨意更改成任何適合的數字。
有時候寫文章的時候，會想要讓文章看起來跟報章雜誌一樣，圖片會被文字圍繞起來，這時候就要自己將 html code 加點手腳。
正常插入圖片的 html code 如下行所示
如果要使用文繞圖的話，只要加入一段 CSS code 到裡面，如下行紅色 code 所示
left 表示圖片的位置在左邊，也可以改成 right，這樣圖片的位置就會變成在
右邊。
另外，只改這樣的話，圖片和文字會太靠近，看起來會覺得黏在一起，所以我們可以再加入一小段 CSS code，如下行藍色 code 所示
表示設定圖片四周會有 15 個 pixels 的空間，也就是文字距離圖片會有 15 pixels，看起來就會比較清爽了， 15 這個數字可以隨意更改成任何適合的數字。
