【IT168专稿】在设计完表单后（请参看上篇文章实战PHP之Web页面表单设计），运行后我们只看到如下图的效果：
▲
可以看到，效果并不是很理想，我们接下来使用CSS3对其进行美化操作，CSS设计如下：
label {
display:block;
margin-top:20px;
letter-spacing:2px;
}
display:block;
margin-top:20px;
letter-spacing:2px;
}
在应用样式后，可以看到效果变为如下图：
▲
接下来，我们要对每个输入框的样式进行控制，编写CSS代码如下：
.body {
display:block;
margin:0 auto;
width:576px;
}
/* Centre the form within the page */
form {
margin:0 auto;
width:459px;
}
/* Style the text boxes */
input, textarea {
width:439px;
height:27px;
background:#efefef;
border:1px solid #dedede;
padding:10px;
margin-top:3px;
font-size:0.9em;
color:#3a3a3a;
}
textarea {
height:213px;
background:url(images/textarea-bg.jpg) right no-repeat #efefef;
}
display:block;
margin:0 auto;
width:576px;
}
/* Centre the form within the page */
form {
margin:0 auto;
width:459px;
}
/* Style the text boxes */
input, textarea {
width:439px;
height:27px;
background:#efefef;
border:1px solid #dedede;
padding:10px;
margin-top:3px;
font-size:0.9em;
color:#3a3a3a;
}
textarea {
height:213px;
background:url(images/textarea-bg.jpg) right no-repeat #efefef;
}
