1、设置border:none。去掉边框。
2、设置border-radius:40px。若遇到浏览器兼容的?问题,可加上兼容的css代码。
3、使用box-shadow:0px0px5px#ccc,利用该特性设置边框。
简单的做法就是把两个框的图片用ps切出来(你两个的小图标不一样,图方便就可以切两个大的输入框背景,就是连图标一起切,要灵活点就单独切开)。假设你的HTML结构是
账号:
密码:
把背景图设置到span上面、span的样式设置成display:inline-blockwidth:120pxheight:20px(宽高的设置当然是和你的背景图大小一样)
input的样式把边框和背景设置为none;这样在背景图上就看不出了。
大致思路就是这样。估计你是初学者。还是多看些css的基础知识吧。