手机银行6个支付密码框 css如何做

html-css012

手机银行6个支付密码框 css如何做,第1张

背景图配合letter-spacing这个属性就可以了。

那个网格切做背景图，然后每个数字的距离用letter-spacing这个属性，当然最好也在input标签里面添加这个maxlength=6属性

<style>

.u_name,.u_pass{border:1px solid #dddwidth:200pxheight:30pxline-height:30pxcolor:#999}

.u_pass{font-size:16px/*这里把密码输入的字设置大点就可以了*/}

</style>

<input type="text" value="" class="u_name">

<input type="password" value="" class="u_pass">