胶囊按钮
高度固定
以前在写这种形状的按钮的时候，我一般是写了一个固定高度，然后border-radius设置为高度的一半：
.pill-button{
width: auto;
min-width: 128px;
height: 48px;
border-radius: 24px;
}
高度不固定
将border-radius设置为一个很大的数值就行了：
border-radius: 999999px;
相关原理参考文章：
标签：胶囊,高度,width,radius,按钮,border,CSS From： https://www.cnblogs.com/feixianxing/p/css-border-radius-height-auto-pill-button.html