button { display: block; margin-top: 10px; padding: 5px 10px; background-color: #2b7ae7; color: white; border: none; border-radius: 4px; cursor: pointer; } 将按钮设置为圆型
时间: 2024-01-22 08:20:16 浏览: 46
圆角魅力:CSS border-radius全攻略
可以使用 `border-radius` 属性将按钮设置为圆形,像这样:
```css
button {
display: block;
margin-top: 10px;
padding: 5px 10px;
background-color: #2b7ae7;
color: white;
border: none;
border-radius: 50%; /* 设置为50%即可 */
cursor: pointer;
}
```
请注意,这将使按钮变为一个圆形,而不是圆角矩形。
阅读全文