HTML登录页面透明样式

html

 

 

       

登录中心

       

---

       

       

            名称：
           

               
           

       

       

            密码：
           

               
           

       

       

           
       

       

            注册用户
       

   

style样式 

body {
        height: 100%;
        background-image: url("/Content/img/bg1.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }
    form {
        border-radius: 8px;//圆角
        width: 465px;
        height: 400px;
        position: absolute;
        padding:25px;
        top: 30%;
        bottom: 30%;
        left: 40%;
        background: rgb(128, 128, 128,.2);
         /*背景颜色灰色，透明度为0.8*/
        box-sizing:border-box;
        /*box-sizing设置盒子模型的解析模式为怪异盒模型，24     将border和padding划归到width范围内*/
         box-shadow: 0px 15px 25px rgba(0,0,0,.5);
         /*边框阴影  水平阴影0 垂直阴影15px 模糊25px 颜色黑色透明度0.5*/
    }