帮我美化此登录页面要求全部使用页内样式：<script src="../js/vue.js"></script> <script src="../plugins/elementui/index.js"></script> <script type="text/javascript" src="../js/jquery.min.js"></script> <script src="../js/axios-0.18.0.js"></script> <style> #control{ margin-left: 600px; background-color: #0abdfe;width: 180px;border-radius:20%} p{ margin-left: 80px;} </style> <body> <div id="control"> <p>登录</p> <div>账号：<input placeholder="请输入账号" id="username" name="username" required v-model="pass.username"></div> <div id="check1"></div> <br> <div>密码：<input type="password" placeholder="请输入密码" id="password" name="password" required v-model="pass.password"> </div> <div id="check2"></div>  <a @click="ad()"> <button>登录</button> </a> <a href="register.html"> <button>注册</button> </a> </div>

时间: 2023-07-19 20:49:31 浏览: 114

<style> body{ background: #f8f8f8; } #control{ margin: 0 auto; margin-top: 50px; background-color: #fff; width: 400px; height: 400px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.2); padding: 20px; box-sizing: border-box; } #control p{ text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 40px; } #control div{ margin-bottom: 20px; } #control input{ width: 100%; padding: 10px; border-radius: 5px; border: 1px solid #ccc; box-sizing: border-box; outline: none; font-size: 16px; } #control button{ width: 100%; padding: 10px; background-color: #0abdfe; color: #fff; font-size: 18px; font-weight: bold; border-radius: 5px; border: none; cursor: pointer; } #control button:hover{ background-color: #09a5d6; } #control a{ display: block; text-align: center; margin-top: 20px; font-size: 16px; color: #666; text-decoration: none; } #control a:hover{ color: #333; } </style> <body> <div id="control"> <p>登录</p> <div> 账号：<input placeholder="请输入账号" id="username" name="username" required v-model="pass.username"> </div> <div id="check1"></div> <div> 密码：<input type="password" placeholder="请输入密码" id="password" name="password" required v-model="pass.password"> </div> <div id="check2"></div> <button @click="ad()">登录</button> <a href="register.html">注册</a> </div> </body>

阅读全文

相关推荐

CSDN会员

开通CSDN年卡参与万元壕礼抽奖

海量 VIP免费资源千本正版电子书商城会员专享价千门课程&专栏

全年可省5,000元立即开通