只使用一个div,画一个圆,里面有个水平垂直居中的加号

要使用一个 div 绘制一个圆，并在其中水平垂直居中放置一个加号，你可以使用 CSS 的 border-radius、line-height、text-align 和 font-size 等属性。以下是一个简单的示例：

HTML:

<div class="circle-with-plus">+</div>

CSS:

.circle-with-plus {
  width: 100px; /* 设置圆的宽度 */
  height: 100px; /* 设置圆的高度 */
  border-radius: 50%; /* 设置边框半径为50%，使 div 变为圆形 */
  background-color: #007BFF; /* 设置圆的背景颜色 */
  color: #FFFFFF; /* 设置加号的颜色 */
  text-align: center; /* 设置文本水平居中 */
  line-height: 100px; /* 设置行高与圆的高度相同，使加号垂直居中 */
  font-size: 30px; /* 设置加号的字体大小 */
  font-weight: bold; /* 设置加号的字体粗细 */
}

这段代码将创建一个蓝色的圆形 div，并在其中居中放置一个白色的加号。你可以根据需要调整宽度、高度、颜色、字体大小等属性。