php 表单 漂亮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代码:

CSS3 Form Demo

Name图库

E-mail图库

Website图库

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持PHP中文网。