CSS按钮可以通过简单的样式改变变成圆形的,方法很简单,只需要修改按钮的border-radius属性即可。
button {border-radius: 50%;}以上代码中,border-radius属性的值设置为50%,表示将按钮的边框圆角半径设置为按钮宽度的50%。
如果当前按钮有固定的宽度和高度,那么可以直接将border-radius属性的值设置为按钮宽度或高度的一半:
button {width: 80px;height: 40px;border-radius: 20px;}以上代码中,按钮的宽度为80像素,高度为40像素,因此将border-radius属性的值设置为20像素,即半径为宽度和高度的一半。
使用这种方法即可将普通方形的按钮变为圆形,而且效果非常简单、直观。
上一篇:JavaScript中对象功能设计
下一篇:css按钮移动图片位置









