首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

html按钮有关问题

2012-04-25 
html按钮问题HTML codehtmlheadmeta http-equivContent-Type contenttext/html charsetgb2312

html按钮问题

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以上)。
[解决办法]
探讨

纯CSS实际的按钮,圆角、立体效果

热点排行