CSS3用正手在导航中间画圆

#nav {
  position: relative; /* 设置相对定位，以便在其中绘制圆形 */
  width: 100%; /* 设置导航栏宽度 */
  height: 50px; /* 设置导航栏高度 */
  background-color: #000; /* 设置导航栏背景颜色 */
}

#nav::before {
  content: ""; /* 必须设置内容为空 */
  position: absolute; /* 设置绝对定位，以便在导航栏中间绘制 */
  top: 50%; /* 设置圆形顶部位置为导航栏高度的一半 */
  left: 50%; /* 设置圆形左侧位置为导航栏宽度的一半 */
  transform: translate(-50%, -50%); /* 使用transform属性将圆形居中 */
  width: 100px; /* 设置圆形宽度 */
  height: 100px; /* 设置圆形高度 */
  border-radius: 50%; /* 设置圆形边框半径为50% */
  background-color: #fff; /* 设置圆形背景颜色 */
}