如何使用户名和密码的文本输入框更美观,是不是需要运用到css样式?
学完文本输入和表单选择,就自己copy了一个聚美的登录页面,但是在做到用户名登录的时候发现一个问题,怎么使用户名和密码的文本输入框变大,并且改变边框线条和插入相应小图标,这个是不是需要应用到css样式,是不是要靠样式来改变。下面是自己的代码,各位大侠也帮忙看看代码有没有问题!谢谢大家
<div class="loginBord"> <div class="loginTit"> <div class="tosignup"> 还没有聚美账号?<a href="#" target="_blank">30秒注册</a> </div> <h1><strong>登录聚美</strong></h1> </div> <form> <input type="radio" value="手机动态密码登录" name="ridioBtn" checked="checked" /> <label>手机动态密码登录</label> <input type="radio" value="普通用户" name="ridioBtn" /> <label>普通用户</label> </form> <div class="auto_login"> <form> <label for="user_name">用户名:</label> <input type="text" name="myName" id="user_name" /> <br/> <label for="pass">密码:</label> <input type="password" name="user_password" id="pass" /> </form> </div> </div>
这张是我自己写的代码呈现出来的效果,下面的图是聚美优品的原图,就是想做成这样的文本输入框!