CSS中有一種常用的技巧是將小圓包裹在大圓中，通過這種方式可以創(chuàng)建出很多獨特的設計效果。下面我們就來介紹一下如何使用CSS來實現(xiàn)這種效果。

首先我們需要準備兩個不同大小的圓形元素，可以使用border-radius屬性來實現(xiàn)。pre標簽中的代碼如下：

.small-circle {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #f9a3a3;
}
.large-circle {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #f44336;
}

接下來，我們需要將小圓放置在大圓的中心位置。這可以通過設置小圓的位置為絕對定位，并且設置top和left屬性為50%來實現(xiàn)。此時小圓只會移動到大圓上部，需要再分別設置margin-top和margin-left屬性為負小圓大小的一半，即可將小圓放置在大圓的中心位置。具體實現(xiàn)代碼如下：

.small-circle {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #f9a3a3;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
}
.large-circle {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #f44336;
position: relative;
}

這樣，我們就成功地實現(xiàn)了小圓包裹在大圓中的效果。你可以通過更改小圓和大圓的大小和顏色來創(chuàng)造出各種不同的設計效果，希望以上內容對你有所幫助。