在CSS中,大家可以通过border-radius属性来制作圆角按钮。此属性接受一到四个值,这些值表示每个角的圆角半径的大小。如果只指定一个值,则四个角都将具有相同的大小。
button { border-radius: 5px; }
如果大家想制作圆形按钮,大家可以将圆角半径设置为按钮的高度的一半。
button { width: 50px; height: 50px; border-radius: 25px; }
大家也可以设置不同的圆角半径来制作不同的形状的按钮:
button { border-top-left-radius: 10px; border-top-right-radius: 20px; border-bottom-right-radius: 15px; border-bottom-left-radius: 5px; }
使用CSS制作圆角按钮非常简单,并且可以提高网页的视觉效果和用户体验。所以,大家应该尽可能多地使用它们。