CSS圖片和文字怎么隔開？

在CSS中，我們可以使用多種方法來隔開圖片和文字，以下是一些常見的方法：

1、使用margin屬性

我們可以使用CSS的margin屬性來設置圖片和文字之間的間隔，如果我們想要讓圖片和文字之間有20像素的間隔，我們可以這樣寫：

img {
  margin-bottom: 20px;
}

這樣，圖片下方就會留出20像素的空間，文字就可以從這里開始排版了。

2、使用padding屬性

除了margin屬性，我們還可以使用padding屬性來設置圖片和文字之間的間隔，與margin不同，padding會在圖片內部留出空間，而不是在外部，如果我們想要讓圖片內部的文字與圖片邊緣之間有10像素的間隔，我們可以這樣寫：

img {
  padding: 10px;
}

這樣，圖片內部的文字就會與圖片邊緣之間有10像素的間隔了。

3、使用border屬性

我們還可以使用border屬性來設置圖片和文字之間的間隔，通過給圖片添加邊框，我們可以控制邊框的寬度和顏色，從而間接地控制圖片和文字之間的間隔，如果我們想要讓圖片和文字之間有3像素的間隔，并且邊框顏色為黑色，我們可以這樣寫：

img {
  border: 3px solid black;
}

這樣，圖片和文字之間就會有一個寬度為3像素、顏色為黑色的邊框了。