在網頁美化中，圖片和文字的距離是一個非常重要的問題。通過CSS的樣式控制，可以讓圖片和文字之間達到完美的距離和協調的效果。在這里，我們將介紹如何使用CSS來控制圖片和文字的距離。 一、CSS樣式中margin屬性的使用 在CSS樣式中，可以使用margin屬性來控制圖片和文字之間的距離。margin屬性是指元素邊框與相鄰元素邊框之間的距離。通過設置margin值，即可控制圖片和文字之間的距離大小。 例如，我們可以使用下面的CSS樣式來設置圖片和文字之間的距離為20px： pre{ margin:20px; } 此時，圖片和文字之間的距離就會變為20px。 二、CSS樣式中padding屬性的使用 在CSS樣式中，還可以使用padding屬性來控制圖片和文字之間的距離。padding屬性是指元素邊框與自身內容之間的距離。通過設置padding值，也可以控制圖片和文字之間的距離大小。 例如，我們可以使用下面的CSS樣式來設置圖片和文字之間的距離為20px： pre{ padding:20px; } 此時，圖片和文字之間的距離同樣為20px。 三、CSS樣式中line-height屬性的使用 在CSS樣式中，還可以使用line-height屬性來控制圖片和文字之間的距離。line-height屬性可以設置行高，即行內容占有的空間大小。通過設置line-height值，可以控制圖片和文字之間的距離大小。 例如，我們可以使用下面的CSS樣式來設置圖片和文字之間的距離為20px： pre{ line-height:20px; } 此時，每一行的內容占有20px的空間大小，圖片和文字之間的距離也為20px。 綜上所述，無論是使用margin、padding還是line-height屬性，都可以控制圖片和文字之間的距離。在實際應用中，可以根據需求靈活選擇不同的方法，達到最佳的效果。