css中把按钮变方角

CSS中如何将按钮变为方角的呢？

button {
  border-radius: 0;
} 

以上代码是将按钮的边界半径设置为0，这样按钮就会变为方角。如果只想让按钮的某一边变为方角，可以按以下方法操作。

button {
  border-radius: 0 15px 0 0;
} 

以上代码中数字15px表示上右下左四个方向的边界半径，顺序是顺时针方向，如果只想左上角的边角变为方角，可以这样写：

button {
  border-radius: 0 15px 0 0;
} 

以上代码中数字15px表示上右下左四个方向的边界半径，顺序是顺时针方向，如果只想左上角的边角变为方角，可以这样写：

button {
  border-top-left-radius: 0;
} 

以上代码中使用了单个边界半径属性，将左上角的边界半径设为0，这样仅左上角的边角会变为方角。其他的边角则保持原形状。