设置边框阴影效果

例如：

<!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>
【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/yshyee/p/3377436.html