CSS中有一种常见的圆角样式是左上右下50%圆角，它可以使一个元素的对应角（左上角，右上角，左下角，右下角）呈现半圆形的外观，使得页面看起来更加流畅自然。下面就是CSS实现左上右下50%圆角的代码：

.round-corner {
border-top-left-radius: 50%;
border-top-right-radius: 0;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 0;
}

从代码可以看出，左上角和右下角的圆角采用了50%的数值，而左下角和右上角则设置成了0。这样就能够实现左上右下50%圆角的效果。

同时，如果需要将一个元素的所有角都设置成左上右下50%圆角，还可以使用更加简洁的CSS代码：

.all-round-corner {
border-radius: 50% 0 50% 0;
}

这是因为CSS中的border-radius属性可以接收4个参数，分别对应四个角上的圆角大小，按照顺序依次为左上角、右上角、右下角、左下角。因此，我们只需要将前两个位置和后两个位置设置成相同的数值，就可以实现左上右下50%圆角的效果。