如何用CSS代码设定按钮的圆角样式?

发布网友发布时间：2022-04-06 10:40

共4个回答

热心网友时间：2022-04-06 12:09

用CSS代码设定按钮的圆角样式，这个在css3中才能实现，通过使用border-radius来实现这个效果，不过有浏览器的兼容性问题，-moz(例如 -moz-border-radius)用于Firefox；-webkit(例如：-webkit-border-radius)用于Safari和Chrome；border-radius:5px 15px 20px 25px;它的意思就是上的圆角5px，右的圆角15px，下的圆角20px，左的圆角25px，通过例子来实际看下：

<div id="round"></div>
#round {
padding:10px; width:300px; height:50px;
border: 5px solid #dedede;
-moz-border-radius: 15px; /* Gecko browsers */
-webkit-border-radius: 15px; /* Webkit browsers */
border-radius:15px; /* W3C syntax */
}

效果如图：

热心网友时间：2022-04-06 13:44

在样式中加入border-radius: 5px; background:#eb2744;注意限定按钮的宽度以及高度！

如我的样式是这样写的

.hotline24{ width:60px; height:30px;border-radius: 5px; background:#eb2744; line-height:30px; text-align:center; color:#fff;font-size:13px;}

热心网友时间：2022-04-06 15:35

去下载个渴切-开源中文css框架，bootstrap，里面都有现成的，圆角，阴影，调色什么的都弄的很漂亮

这个是渴切css的按钮

热心网友时间：2022-04-06 17:43

用图片做个你想要的按钮，然后给他加超链接呗，要是想提交表单，那么需要用js