HTML5网页设计基础——表单样式
生活随笔
收集整理的這篇文章主要介紹了
HTML5网页设计基础——表单样式
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
案例：
?代碼：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標題文檔</title><style>*{margin: 0;padding: 0;}form{margin: 50px auto;font-size: 12px;width: 300px;height: 130px;background: #dcf5fa;}.btn{padding-top:17px;margin-left:100px;}.one{margin-left: 36px;padding-top:25px;}.two{padding-top:10px;margin-left: 65px;}.one input{border: 1px solid #54afc9;color: #ccc;width: 132px;background:#ffffff url("../素材1/001.jpg") no-repeat 5px center;padding-left: 25px;}.two input{border: 1px solid #54afc9;background:#ffffff url("../素材/2.jpg") no-repeat 5px center;}</style> </head><body><form method="post" action="#"><p class="one">賬號/號碼：<input type="text" value="itcast" ></p><p class="two">密碼：<input type="password"></p><p class="btn"><input type="image" src="../素材1/5.jpg"></p></form> </body> </html>總結
以上是生活随笔為你收集整理的HTML5网页设计基础——表单样式的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： bootstrap基础表单样式
- 下一篇： 【信息融合】基于BP神经网络和DS 证据