css只有一边圆一边方 |css3在文本编辑器

css刮风效果，嵌入css的方式，css默认基线中部对齐，左侧菜单栏 css，css画圆怎么显得有质感，css垂直对齐的英文，css3在文本编辑器 css只有一边圆一边方 |css3在文本编辑器

.example {
width: 100px;
height: 50px;
border: 2px solid black;
border-radius: 25px 0 0 25px;
}

如上所示，这是一个使用了 border-radius 属性的样式，其中四个半径数值分别对应左上，右上，右下，左下四个角。其中，为实现“只有一边圆一边方”的效果，大家可以设置一个半径为 0 的角，不同侧面的半径数值不同，从而实现这种效果。

当然，除了 border-radius 属性，大家还可以使用其它 CSS 属性来实现这种效果，比如使用 clip-path 属性或者 SVG，但这里不再赘述。

需要注意的是，虽然这种效果看起来比较个性化，但大家在使用时要根据实际需求来抉择是否使用，不光需要考虑美观度，还需要考虑兼容性和可访问性等方面的问题。