html按钮有关问题
日期：2014-05-17 浏览次数：20706 次
html按钮问题
我要设置这个按钮，但是按钮的形状是长方形的，我需要这个按钮两边是呈圆弧形，同时我不希望通过插入按钮图片来实现，什么属性或者方法可以达到两边呈半弧的按钮？
求解！谢谢！
------解决方案--------------------
标准的CSS2没办法弄圆角的
除非加一大堆元素来模拟，那这样还不如加一个图片省事
------解决方案--------------------
纯CSS实际的按钮,圆角、立体效果
------解决方案--------------------
设计一张两边半弧形btn_bg.gif透明背景图
.btn{
width:**px; height:**px;
background:url(btn_bg.gif) no-repeat;
}
<input name="button" class="btn" value="next" />
------解决方案--------------------
CSS3属性 border-radius: 3px 4px 5px 6px; 只有部分浏览器支持（标准浏览器和IE9以上）。
------解决方案--------------------
- HTML code
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <input type="button" value="next" style="color:#FFFFFF;background-color:#0065CA;font-family:BorderWebBOLD;font-size: 15px;Font-Weight:bold;" onClick="btnApply()"> </body> </html>
我要设置这个按钮，但是按钮的形状是长方形的，我需要这个按钮两边是呈圆弧形，同时我不希望通过插入按钮图片来实现，什么属性或者方法可以达到两边呈半弧的按钮？
求解！谢谢！
------解决方案--------------------
标准的CSS2没办法弄圆角的
除非加一大堆元素来模拟，那这样还不如加一个图片省事
------解决方案--------------------
纯CSS实际的按钮,圆角、立体效果
------解决方案--------------------
设计一张两边半弧形btn_bg.gif透明背景图
.btn{
width:**px; height:**px;
background:url(btn_bg.gif) no-repeat;
}
<input name="button" class="btn" value="next" />
------解决方案--------------------
CSS3属性 border-radius: 3px 4px 5px 6px; 只有部分浏览器支持（标准浏览器和IE9以上）。
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
