这是第一次交作业，如果有格式不对的地方请老师指正。
（阴影) box-shadow:h v 距离 color insert/outset
background-image 背景图像。
background-color
background-position 背景图像的位置。
background-size 背景图像的尺寸。
background-repeat 重复
background-linear-gradient(方向,颜色,颜色） 渐变。。方向 可以使用角度45deg
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Login</title>
<style type="text/css">
body{background-color:#121212;}
div{width:500px;height:500px;background-color:rgba(12,128,102,0.6);margin:10% auto;border-radius:12px;}
img{border-radius:50%;width:60px;height:60px;margin:35px 45% ;}
input{width:275px;height:40px;margin:15px 100px;border-radius:18px;border-style:none;padding-left:25px;}
button{width:300px;height:40px;margin:15px 100px;border-radius:18px;border-style:none;background-color:pink;font-size:18px;}
</style>
</head>
<body>
<div><img src="2.jpg">
<input type="text" placeholder="请输入用户名" name="user">
<input type="password" placeholder="请输入密码" name="password">
<button>提 交</button>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例