圖片圍繞在文字怎么弄CSS

在CSS中，我們可以使用多種方法將圖片圍繞在文字周圍，以下是一些常見(jiàn)的實(shí)現(xiàn)方式：

1、使用浮動(dòng)（float）屬性：

我們可以將圖片設(shè)置為浮動(dòng)，然后將其放置在文字的左側(cè)或右側(cè)，將圖片放置在文字的左側(cè)，可以使用以下CSS代碼：

img {
  float: left;
  margin-right: 10px;
}

2、使用定位（position）屬性：

我們可以將圖片設(shè)置為相對(duì)定位（relative）或***定位（absolute），然后將其放置在文字的下方或上方，將圖片放置在文字的下方，可以使用以下CSS代碼：

img {
  position: relative;
  bottom: 0;
}

3、使用背景圖片（background-image）屬性：

我們可以將圖片設(shè)置為背景圖片，并將其顯示在文字的下方或上方，將圖片顯示在文字的下方，可以使用以下CSS代碼：

div {
  background-image: url('image.png');
  background-position: center bottom;
}

4、使用偽元素（::before 和 ::after）屬性：

我們可以使用偽元素在文字周圍添加圖片，在文字左側(cè)添加圖片，可以使用以下CSS代碼：

div::before {
  content: '';
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url('image.png');
  margin-right: 10px;
}

是常見(jiàn)的圖片圍繞在文字周圍的CSS實(shí)現(xiàn)方式，你可以根據(jù)自己的需求選擇適合的方法。