使用css的圆形图像

在这里，我创建了圆形的图像。但它覆盖了所有的角落。 我只想影响左角

代码笔：

我很感激，如果有人可以改善这一点，以显示类似的图像在代码笔<代码>循环类位于css部分的底部

---

在定位两个标签时也需要帮助

您可以使用

边框左上半径

，

边框右上半径

，

边框左下半径

和

边框右下半径
CSS

.circular {


   border:5px solid;
   border-top-left-radius:150px;
   background: url(http://link-to-your/image.jpg) no-repeat;
}

您也可以将css简写为一行。请记住，简而言之，边界顺序是：

左上、右上、右下、左下

因此，如果要控制特定边界，请执行以下操作：

.circular { 
    border-radius: 150px 0 0 150px; 
    background: url("image path") no-repeat; 
}

你的意思是水平排列吗？是的。没有引导css，我就完成了。如果有人能试试，我想看看它的使用情况
.circular { 
    border-radius: 150px 0 0 150px; 
    background: url("image path") no-repeat; 
}