摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style> input {height: 28px;width: 188px;margin-top:25px;border
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style>
input {height: 28px;width: 188px;margin-top:25px;border-radius: 10px;border:1px solid #CCCCCC;
padding-left: 10px;margin-left: 50px;}
button {height: 30px;width: 200px;margin-top: 25px;background:#87CEEB;border: none;
border-radius: 10px;border:1px solid #CCCCCC;margin-left: 50px;}
div {height: 200px;width: 300px; border:1px solid #CCCCCC; border-radius: 10px;
box-shadow: 5px 5px 5px #CCCCCC;margin: 50px auto;}
</style>
<body>
<div>
<input type="text" placeholder="请输入用户名" /><br />
<input type="password" placeholder="请输入密码" /><br />
<button>登陆</button>
</div>
</body>
</html>
批改老师:PHP中文网批改时间:2018-11-04 09:16:44
老师总结:对边框的使用学习的不错,不过最好把样式写到class中,页面元素添加class就可以了