例如：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> input{ border: solid 1px #CCCCCC; width: 200px; background: #FFFFFF; /*设置边框阴影效果*/ box-shadow: rgba(0,0,0,0.1) 0px 0px 18px; -moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 18px; -webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 18px; } </style> </head> <body> 用户名<br/> <input type="text" /> <br/> 邮箱<br/> <input type="text" /> </body> </html>