人大代表登陆界面

最新推荐文章于 2024-03-26 17:44:52 发布

前端工程师-DH

最新推荐文章于 2024-03-26 17:44:52 发布

阅读量97

点赞数 1

本文链接：https://blog.csdn.net/weixin_46716487/article/details/114293862

版权

自创人大代表登陆页面

<style>
       .style1{border: none;}
       body{background: url(bg1.jpg)no-repeat;padding: 0%;margin: 0%;}
       h1{text-align: center; letter-spacing: 20px; color: #ffffff;-webkit-text-fill-color: orangered;}
       div{background-image: url(2.png); width: 800px;height: 400px;float: flex; border: solid 1px #ffffff;border-radius: 10%;
         margin-top: auto; margin-left: 23%;}
        legend{float: left; padding-top: 5%;padding-left:20%;font-size: 24px;color: moccasin;
        text-shadow: -0.8em -0.8em 0.8em moccasin; font:helvetica,arial,sans-serif; }
        div1{float: right; padding-top: 15%;padding-right:20%; }
       label{font-weight: bold; letter-spacing: 2px;; }
       input{display: block;}
      .style0{float: flex;}
    .style2{float: left;}
    .style3{float: right;}
    .style4{display:block;}
    .style5{float: left;}
    .style6{float: right;}
    input[name="submit"]{margin-left: 250%;}
    input[name="cancel"]{margin-left: 300%;}
    
    </style>

<body>
<h1>人大代表综合管理系统</h1>

   <fieldset class="style1">
    <div>
       <legend>用户登陆</legend>
       <div1>


        <p class="style0">
           <p class="style2">
            <label for="username" class="username">用户名:</label><br>
            <label for="password">密码:</label><br>
            <label for="type" id="type">用户类型：</label>
           </p> 
          <p class="style3">
            <input type="text" id="username" name="username">         
            <input type="password" id="password" name="password">         
            <input type="text" id="text" name="text">
          </p> 
        
       <p class="style4">
          <p class="style5"><input type="submit" name="submit" value="登陆" onclick="alert('登陆成功')"></p>
          <p class="style6"><input type="submit" name="cancel" value="取消" onclick="alert('取消成功')"></p>
       </p>
       </div1>

    </div>
   
</fieldset>

</body>

图片下载
在这里插入图片描述

前端工程师-DH

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
人大代表登陆界面

<style> .style1{border: none;} body{background: url(bg1.jpg)no-repeat;padding: 0%;margin: 0%;} h1{text-align: center; letter-spacing: 20px; color: #ffffff;-webkit-text-fill-color: orangered;} div{background-image: url(2.p.
复制链接

扫一扫