button按钮设置圆边
时间: 2023-09-11 20:06:21 浏览: 162
按钮圆角设计
要设置按钮的圆边,可以使用CSS中的border-radius属性。示例代码如下:
```css
button {
border-radius: 20px; /* 设置圆角大小 */
padding: 10px 20px; /* 设置按钮内边距 */
background-color: #4CAF50; /* 设置按钮背景颜色 */
color: white; /* 设置按钮字体颜色 */
border: none; /* 去掉按钮边框 */
text-align: center; /* 文字居中 */
text-decoration: none; /* 去掉下划线 */
display: inline-block; /* 设置为行内块元素 */
font-size: 16px; /* 设置字体大小 */
margin: 10px; /* 设置按钮之间的间距 */
}
```
你可以根据需要调整其中的属性值,以达到你想要的效果。
阅读全文