Question

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

Answer 1

用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 */
}

效果如图：

Answer 2

Vue实践-CSS样式position/display/float属性对比使用

Answer 3

在样式中加入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;}

<div class="hotline24"><b>提交</b></div>

Answer 4

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

这个是渴切css的按钮

Answer 5

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