<div class="item1"></div>

css">.item1 {position: relative;width: 420px;height: 420px;border-radius: 50%; /* 圆形 */color: white; /* 文本颜色 */background-color: rgba(154, 227, 36, 0.4);
}
.item1::before {content: "";position: absolute;top: 50%;right: 0;width: 50%; /* 线的长度是圆的半径 */height: 2px; /* 线的厚度 */background: white; /* 线的颜色 */transform-origin: 0% 0%; /* 左上角为旋转中心 */transform: rotate(44deg); /*调整半径的位置*/
}

效果展示：