Using CSS to implement a beautiful submission form method

Very nice CSS to submit the form, let's see first

CSS code:

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, 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 code:

<! doctype>