如何使用CSS来创建一个圆形响应式盒子？

要创建一个圆形响应式盒子，可以使用CSS的border-radius属性。首先，创建一个容器元素，比如一个div，并设置它的宽度和高度。然后，将border-radius属性设置为50%，这将使盒子变成一个圆形。最后，使用媒体查询（media query）来使盒子响应式，根据屏幕大小调整大小。

以下是一个示例代码：

.circle {  width: 100px;  height: 100px;  border-radius: 50%;}@media (max-width: 767px) {  .circle {    width: 50px;    height: 50px;  }}

这将创建一个直径为100px的圆形盒子，当屏幕宽度小于767px时将缩小到直径为50px。