关于jquery给div、input(buttontextsubmit)、span等html标记设置圆角、渐变效果。

input 圆角没听说过

不过你会div的圆角就足够了

css :

#aaa{ height:50pxwidth:50pxbackground-color:#ccc}

JQ:

$('#aaa').corner("10px")

$('#aaa').click(function(){ $('#form').submit() })

HTML:

<form id="form">

<div id="aaa"></div>

</form>

简单的做法就是把两个框的图片用ps切出来（你两个的小图标不一样，图方便就可以切两个大的输入框背景，就是连图标一起切，要灵活点就单独切开）。假设你的HTML结构是

<ul>

<li>账号：<span><input type="text"/></span></li>

<li>密码：<span><input type="text"/></span></li>

</ul>

把背景图设置到span上面、span的样式设置成display:inline-blockwidth:120pxheight:20px(宽高的设置当然是和你的背景图大小一样)

input的样式把边框和背景设置为none；这样在背景图上就看不出了。

大致思路就是这样。估计你是初学者。还是多看些css的基础知识吧。

---