本文主要包含CSS提交表单,CSS表单等相关知识,佚名  希望在学习及工作中可以帮助到您
  很漂亮的CSS提交表单,大家先看看

CSS代码:
- body { padding:50px 100px; font:13px/150% Verdana, Tahoma, sans-serif; }
 - /* tutorial */
 - input, textarea {
 - padding: 9px;
 - border: solid 1px #E5E5E5;
 - outline: 0;
 - font: normal 13px/100% Verdana, Tahoma, sans-serif;
 - width: 200px;
 - background: #FFFFFF url('bg_form.png') left top repeat-x;
 - background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
 - background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
 - box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
 - -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
 - -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
 - }
 - textarea {
 - width: 400px;
 - max-width: 400px;
 - height: 150px;
 - line-height: 150%;
 - }
 - input:hover, textarea:hover,
 - input:focus, textarea:focus {
 - border-color: #C9C9C9;
 - -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
 - }
 - .form label {
 - margin-left: 10px;
 - color: #999999;
 - }
 - .submit input {
 - width: auto;
 - padding: 9px 15px;
 - background: #617798;
 - border: 0;
 - font-size: 14px;
 - color: #FFFFFF;
 - -moz-border-radius: 5px;
 - -webkit-border-radius: 5px;
 - }
 
html代码:

