Heim >Web-Frontend >HTML-Tutorial >html按钮问题_html/css_WEB-ITnose
<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;
}
CSS3属性 border-radius: 3px 4px 5px 6px; 只有部分浏览器支持(标准浏览器和IE9以上)。
纯CSS实际的按钮,圆角、立体效果
+111