如何以百分比设置左上角的形状？

借助border-top-left-radius属性，我们可以使形状的左上角变圆。 border-top-left-radius 属性 在零件的左上角周围使用。

该属性采用 1 或 2 个值来勾画 1 / 4 椭圆的半径，该椭圆定义了外边框边缘的角的形状(请参见下图)。主要价值是水平半径，其次是垂直半径。如果省略第二个值，则它是从主要值开始的。如果任一长度为零，则角为方形，而不是圆角。

句法：

border-top-left-radius: length / % / initial / inherit;

水平半径的百分比与边界框的尺寸相关，而垂直半径的百分比与边界框的高度相关，并且不允许负值作为此属性的值。

示例 1：

HTML

输出：

示例 2：

HTML

   
      
   
   
      
border-top-left-radius: 50%:
      

         

          It is employed around the high left
          corner of a part.
         
      
   

输出：