css布局实现三维立体登录表单输入框效果代码-html代码-BFW代码库

css布局实现三维立体登录表单输入框效果代码

代码语言：html

代码描述：使用css布局实现一个带图标的三维立体登录表单输入框效果代码。

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE HTML>
<html lang="en-US">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <style type="text/css">
        body{
        background-color:#f7f0da;
        background-image: -webkit-linear-gradient(180deg,transparent 90%,#eae4cf 10%);
        background-image: -moz-linear-gradient(180deg,transparent 90%,#eae4cf 10%);
        background-image: -o-linear-gradient(180deg,transparent 90%,#eae4cf 10%);
        background-image: -ms-linear-gradient(180deg,transparent 90%,#eae4cf 10%);
        background-image: linear-gradient(180deg,transparent 90%,#eae4cf 10%);
        background-size: 5px 50px;
        }
        .box{ 
        margin:20px auto; 
        width:560px;
        text-align:center;
        font-weight:bold;
        }
        .box div:first-child{ 
        font-size:60px;
        margin-bottom:20px;
        text-shadow:0 2px 0 #c0c0c0,0 3px #979385;
        }
        .box .input_control{	
       .........完整代码请登录后点击上方下载按钮下载查看