本文主要是介绍css实现胶囊型按钮，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
方法就是把圆角值设置为按钮高度的一半
.button{width: 10rem;height: 3rem;font-size: 18px;color: #fff;background: linear-gradient(to bottom,#71b9ff 20%,#2291fe 70%);border-radius: 1.5rem;
}
效果如下：
这篇关于css实现胶囊型按钮的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
