• 您的位置：創(chuàng)新互聯(lián) >> 網站建設 >> 網站制作知識 >> html文字環(huán)繞圖片 網站編輯文字環(huán)繞圖片

網站制作中html css文字環(huán)繞圖片編輯

• 王虎 文章來源：網站建設 點擊數：1624 更新時間：2011-10-11
• 網站制作建設好了，在網站后臺加資圖有時要排成文字環(huán)繞圖片的版式。對于一般的網站設計制作人員肯定沒問題，但網站編輯或是普通人員來說要實現(xiàn)這個的網站顯示排版就有一定的難度了�，F(xiàn)在創(chuàng)新互聯(lián)成都專業(yè)網站建設公司給大家說一種方法讓不是網站設計制作人員也可以實現(xiàn)。
  1、文字環(huán)繞圖片，你先加要加入網站的文字打進去。然要插入網站要的圖片，大小先處理好。這時在代碼中有 <img src="圖片路徑" /> 我們要做的就是在圖片中寫入css樣式去控制它 style="FLOAT:left; MARGIN-BOTTOM:10px; MARGIN-RIGHT: 20px" 完整的是 <img src="圖片路徑" style="FLOAT:left; MARGIN-BOTTOM:10px; MARGIN-RIGHT: 20px"/> 就實現(xiàn)圖片左浮動，文字離圖片下方距離10px，離右方20px距離。為的是文字在環(huán)繞圖片時有一定的縫隙。
  
  按照上面的代碼我們還可以寫:
  其中:
  FLOAT: left 圖片在文字左邊
  FLOAT: right 圖片在文字右邊
  
  MARGIN-BOTTON控制圖片底部與文字的距離；
  MARGIN-RIGHT控制圖片右邊與文字的距離。
  margin-left:15px控制圖片左邊與文字的距離。
• 上一篇文章：如何讓網站建設更完美
  下一篇文章：網站建設中怎樣提高網站的可信度