CSS圆角是网页设计中非常常见的一个特性。通过为元素设置圆角属性，可以让网页看起来更加圆润、美观。其中，左上角也是一个常用的圆角属性。下面将介绍如何在CSS中设置一个左上角圆角：

.example {
border-top-left-radius: 50%;
}

以上代码中，.example是要设置圆角的元素的class名，border-top-left-radius是指定要设置的是左上角圆角，50%是圆角的大小。可以根据需要调整圆角大小。同时可以配合其他属性，如border-radius来设置所有的圆角大小，或是border-top-right-radius等来设置不同的圆角。

除了像上面这样直接在样式中指定圆角的大小，还可以使用变量来动态设置元素的圆角属性。比如：

:root {
--radius: 10px;
}
.example {
border-top-left-radius: var(--radius, 50%);
}

这里，:root是CSS中的伪类，用于设置全局变量。--radius是自定义的变量名，10px是变量的初始值，可以根据需要调整。在.example元素中，使用var()函数来引用该变量，并设置圆角大小。如果该变量不存在，就用50%作为圆角大小。

以上就是CSS圆角左上角的介绍。通过上述方法，不仅可以设置左上角圆角，还可以动态设置其他圆角属性，让网页更加美观，更加有个性。