CSS導入圖片的方法

在CSS中導入圖片的方法有多種，以下是一些常見的方法：

1、使用img標簽導入圖片：

在HTML中，我們可以使用img標簽來導入圖片，

<img src="image.png" alt="圖片描述">

在CSS中，我們可以設置img元素的樣式，

img {
  width: 200px;
  height: 200px;
}

2、使用背景圖片：

在CSS中，我們還可以將圖片作為元素的背景，

div {
  background-image: url("image.png");
  background-repeat: no-repeat;
  background-size: cover;
}

這種方法可以將圖片作為元素的背景，并且可以設置圖片的重復方式和大小。

3、使用偽元素導入圖片：

在CSS中，我們還可以使用偽元素來導入圖片，

div::before {
  content: "";
  background-image: url("image.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 200px;
  height: 200px;
}

這種方法可以在元素的內(nèi)容區(qū)域顯示圖片，并且可以設置圖片的重復方式和大小。

是幾種常見的CSS導入圖片的方法，你可以根據(jù)自己的需求選擇適合的方法。