如何使div呈弧形？

我正在尝试创建一个将包含引号的div。它div必须是圆弧的25％。

如何创建圆形但仅使用左上25％空间的div？

我尝试了borderRadius属性，它给出了一个完整的圆圈。

 

        This is where the quotes will be printed
      

如何获得这个div作为弧形？例如此图像中的第7个形状

请看一下这个解决方案：

.quarter-circle {
    position: relative;
     width: 100px;
     height: 100px;
     background: none;
     border-left: 1px solid black;
     border-top: 1px solid black;
     border-radius: 100px 0 0 0;
     -moz-border-radius: 100px 0 0 0;
     -webkit-border-radius: 100px 0 0 0;
}

.text {
  position: absolute;
  top: 30px;
  left: 30px;
}

  

    This is where the quotes will be printed