form注册表单圆角
<BODY>
<div class="form"> <ul class="list"> <li> <label>用户名:</label> <div class="circle-box user"> <input type="text" placeholder="5之6位字母或数字组合"/> </div> </li> <li> <label>用户名:</label> <div class="circle-box user"> <input type="text" value="一路小串走向胜利" οnfοcus="this.value=''" οnblur="if(this.value==''){this.value='一路小串走向胜利'}" class="value"/> </div> </li> </ul> </div></BODY>
============================
.form {
width: 600px; height: 600px; margin: 100px auto; background: #FBFBFB; border: 1px transparent dashed;}.list { width: 550px; margin: 20px auto;}.list li { width: 550px; height: 40px; margin-top: 15px;}.list label { width: 110px; height: 40px; display: inline-block; font-size: 16px; line-height: 40px; text-align: right; float: left; margin-right: 20px;}.list .circle-box { width: 320px; height: 40px; border: 1px #D9D9D9 solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left;}.list .user { background: url(../images/img50.png) no-repeat left center;}.list input{ width: 266px; height: 36px; line-height:36px\9; margin-left: 47px; margin-top: 1px; border: none; font-size: 16px; padding-left: 6px;}.list .value{ color: #A9A9A9;}
============================