练习登录框,加油加油

Original 2019-06-23 20:56:13 168
abstract:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>lesson2练习登录框</title> <style type="text/css"> * {margin: 0px; padding: 0px;}.Log

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>lesson2练习登录框</title>

<style type="text/css">

* {margin: 0px; padding: 0px;}

.Loginbox {width: 200px; height: 200px; background-color: #ccc; margin: 0px auto;}

input{width: 180px; height: 30px; margin: 20px 10px 0px 10px; border: none; }

button{width: 180px; height: 30px; margin: 20px 10px 0px 10px ;border:none; background-color: #1c86ee; color: #fff; margin-bottom: 20px;}


</style>

</head>

<body>

    <div class="Loginbox">

    <form method="post" action="#">

    <input type="text" name="username" placeholder="请输入用户名"><br>

    <input type="password" name="password" placeholder="请输入密码"><br>

            <button>登录</button><br>

            <a href="#">注册</a>

            <a href="#">直接登录</a>

    </form>

    </div>

</body>

</html>


Correcting teacher:天蓬老师Correction time:2019-06-24 10:28:40
Teacher's summary:表单元素之间用<br>换行, 大多用在临时的案例演示中, 推荐用<div>或者 <p>来代替

Release Notes

Popular Entries