调查表样式设计：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>调查表的设计</title> <style type="text/css"> #myform{ width:500px; padding:20px; background:#f0f0f0; overflow:auto; border:1px solid #cccccc; border-radius:7px; border-shadow:2px 2px 2px #ccc; } div{ margin-bottom:5px;} label{ font-family:Arial, Helvetica, sans-serif; text-shadow:2px 2px 2px #ccc; display:block; float:left; font-weight:bold; margin-right:10px; text-align:right; width:160px; line-height:25px; font-size:15px; } .input{ font-family:Arial, Helvetica, sans-serif; font-size:15px; padding:5px; border:1px solid #b9bdc1; width:260px; color:#797979; } .button{ float:right; margin:10px 55px 10px 0px; font-weight:bold; line-height:1em; padding:6px 10px; cursor:pointer; color:#fff; text-align:center; text-shadow:0 -1px 1px #64779e; background:#a5b6ca; border:1px solid #5c6f91; -moz-border-radius:10px; border-radius:10px; box-shadow:inset 0 1px 0 0 #aec3e5; } </style> </head> <body> <form id="myform" class="rounded" method="post" action=""> <h3>娱乐大调查</h3> <div class="field"> <label for="name">您的年龄是：</label> <input type="text" class="input" name="name" id="name" /> </div> <div class="field"> <label for="email">喜欢的娱乐明星：</label> <input type="text" class="input" name="email" id="email" /> </div> <div class="field"> <label for="message">喜欢的理由:</label> <textarea class="input textarea" id="message" name="message"></textarea> </div> <input type="submit" name="Submit" class="button" value="提交" /> </form> </body> </html>
样式显示：
