將HTML中的圖片寫入CSS中，可以通過以下步驟實現(xiàn)：

1、在HTML中找到需要轉換的圖片，并獲取圖片的URL。

2、在CSS中創(chuàng)建一個新的樣式規(guī)則，用于定義圖片的外觀和位置。

3、在樣式規(guī)則中，使用background-image屬性，將HTML中的圖片URL賦值給該屬性。

4、根據(jù)需要，可以使用其他CSS屬性來調整圖片的大小、位置等外觀特征。

下面是一個示例代碼，展示了如何將HTML中的圖片寫入CSS中：

HTML代碼

<div id="my-image-div">
  <img src="path-to-image.jpg" alt="My Image">
</div>

CSS代碼

#my-image-div {
  width: 300px;
  height: 200px;
  background-image: url('path-to-image.jpg');
  background-repeat: no-repeat;
  background-position: center;
}

在這個示例中，HTML中的圖片被轉換為CSS樣式規(guī)則中的背景圖片。background-image屬性用于指定背景圖片的路徑，background-repeat屬性設置為no-repeat，確保圖片不會重復顯示，background-position屬性設置為center，使圖片在元素中居中顯示。

通過這種方式，你可以將HTML中的圖片直接寫入CSS中，實現(xiàn)樣式的靈活性和可維護性。