复选框是我们常用的一种表单元素之一，为了美观而且与众不同，我们经常会对其样式进行调整。接下来，我来介绍如何使用CSS将复选框变成圆形的形状。

/* 使用CSS样式设置复选框 */
input[type="checkbox"] {
/* 隐藏复选框原有的样式 */
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
/* 设置宽高为16px */
width:16px;
height:16px;
/* 圆角设置为50% */
border-radius: 50%;
/* 边框样式、颜色、粗细设置 */
border: 1px solid #a0a0a0;
/* 背景色和选中后的背景色设置 */
background-color: #fff;
}
/* 设置复选框选中时的样式 */
input[type="checkbox"]:checked {
background-color: #0076ff;
}

以上代码中，我们首先将复选框原有的样式隐藏，这样才能进行下一步样式设置。然后，我们设置复选框的宽和高为16px，并将边框的圆角设置为50%。通过这样的设置，我们就将复选框变成了圆形。接着我们设置边框的样式、颜色、粗细和背景色和选中后的背景色。我们可以根据需要更改这些样式。最后，我们还设置了复选框选中时的样式，使其有明显的区分。通过这些样式设置，我们就可以将复选框变成圆形，是不是很简单呢？