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圓角左上角的介紹。通過上述方法，不僅可以設置左上角圓角，還可以動態設置其他圓角屬性，讓網頁更加美觀，更加有個性。