搜索

登陆框,边框设置以及阴影

原创 2018-10-21 23:56:54 214
摘要:<!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: 0 auto;}

</style>

<body>

<div>

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

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

<button>登陆</button>

</div>

</body>

</html>



发布手记

热门词条