CSS中可以使用多種方法將一個圓放到中間，以下是其中幾種常見的方法：

1、使用margin屬性：將圓放入一個div中，并使用margin屬性將div居中。

<div style="width: 100px; height: 100px; background-color: #000; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%);">
    <div style="width: 50px; height: 50px; background-color: #f00; border-radius: 50%;"></div>
</div>

2、使用position屬性：將圓設(shè)置為***定位，并使用top和left屬性將其居中。

<div style="position: relative; width: 200px; height: 200px; background-color: #000;">
    <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; background-color: #f00; border-radius: 50%;"></div>
</div>

3、使用flexbox布局：將圓放入一個使用flexbox布局的div中，并使用justify-content和align-items屬性將其居中。

<div style="display: flex; justify-content: center; align-items: center; width: 200px; height: 200px; background-color: #000;">
    <div style="width: 100px; height: 100px; background-color: #f00; border-radius: 50%;"></div>
</div>

無論使用哪種方法，都可以將一個圓放到中間，可以根據(jù)具體需求和場景選擇***適合的方法。