在HTML中，將圖片放入無序列表（<ul>標簽）通常是通過在列表項（<li>標簽）中放置圖片的方式實現(xiàn)的，在CSS中，我們可以利用CSS的樣式和布局屬性來更加靈活地控制圖片在無序列表中的顯示。

我們可以在CSS中設(shè)置一個樣式規(guī)則，使得圖片在無序列表中自動適應列表項的大小，這樣，無論列表項的大小如何變化，圖片都可以自動縮放以適應。

ul li img {
  width: 100%;
  height: auto;
}

上述CSS規(guī)則將圖片的寬度設(shè)置為100%，高度設(shè)置為自動，這樣就可以保證圖片始終適應列表項的大小。

我們還可以利用CSS的浮動屬性（float）來控制圖片在列表項中的位置，我們可以將圖片設(shè)置為左浮動，這樣就可以讓圖片顯示在列表項的左側(cè)，而文本則顯示在右側(cè)。

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

上述CSS規(guī)則將圖片設(shè)置為左浮動，并在圖片和文本之間添加了10像素的間距。

我們還可以利用CSS的偽元素（::before和::after）來在圖片前后添加裝飾性的內(nèi)容，我們可以在圖片前添加一個裝飾性的引號，或者在圖片后添加一個裝飾性的括號。

ul li::before {
  content: "“";
}
ul li::after {
  content: "”";
}

上述CSS規(guī)則將在每個列表項的前后分別添加了一個引號。

通過以上CSS規(guī)則的應用，我們可以更加靈活地控制圖片在無序列表中的顯示，從而實現(xiàn)更加美觀和實用的列表布局。