在我们的网站、页面设计中需要注重细节,不论是字体的样式、还是图片的分辨率清晰度都会影响到用户的访问体验,以及会影响用户以后是否会回访我们的网站/博客。在这篇文章中整理一个用户留言 HTML CSS 样式代码。
首先我们要在网页中加上常用的几个标签文本,比如姓名,电子邮件,内容以及提交按钮,然后我们针对这些字段文本增加和修改样式就可以。
Contact Form
Please fill all the texts in the fields.
Your Name :
Your Email :
Message :
Subject :
Job Inquiry
General Question
一、基本灰色 HTML CSS 样式用户留言表单代码
样式:
/* Basic Grey */
.basic-grey {
margin-left:auto;
margin-right:auto;
max-width: 500px;
background: #F7F7F7;
padding: 25px 15px 25px 10px;
font: 12px Georgia, "Times New Roman", Times, serif;
color: #888;
text-shadow: 1px 1px