如何创建：圆角按钮

如何设计圆角按钮的样式

第一步 - 添加 HTML：

2px

4px

8px

12px

50%

第二步 - 添加 CSS：

使用 border-radius 属性向按钮添加圆角：

.button {

background-color: #04AA6D;

border: none;

color: white;

padding: 20px;

text-align: center;

text-decoration: none;

display: inline-block;

font-size: 16px;

margin: 4px 2px;

}

.button1 {border-radius: 2px;}

.button2 {border-radius: 4px;}

.button3 {border-radius: 8px;}

.button4 {border-radius: 12px;}

.button5 {border-radius: 50%;}

亲自试一试