當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

css控制表单样式

發布時間：2024/8/1 编程问答 23 豆豆

生活随笔收集整理的這篇文章主要介紹了 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>

總結

以上是生活随笔為你收集整理的css控制表单样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。