css控制表单样式
css控制表單樣式
input樣式
?
實例:
?程序代碼：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>css控制表單樣式</title><style>*{margin: 0;padding: 0;border: none;}form{width: 300px;height: 120px;background: #BFFCFF;margin: 50px auto;font-size: 14px;padding-top: 30px;}.a{padding-left: 23px;}.b{padding-left: 57px;}.text{width: 160px;height: 20px;background:#ffffff url("sucai/1.jpg") no-repeat 3px center;padding-left: 20px;color: #B7BABA;border: 1px solid #56CFFF;}.password{width: 180px; height: 20px;background:#ffffff url("sucai/2.jpg") no-repeat 3px center;margin-top: 10px;border: 1px solid #56CFFF;}.btn{width: 187px;height: 24px;background: url("sucai/5.jpg") no-repeat 90px;margin-top: 10px;}</style> </head> <body><form action="" method="post" name="list"><div class="a">賬號/號碼:<input type="text" value="itcast" class="text"></div><div class="b">密碼: <input type="password" class="password"></div><input type="button" class="btn"></form> </body> </html>總結
- 上一篇： log4j配置文件
- 下一篇： vscode搭建汇编环境