学习自视频
效果：
主要学到的知识点：
- 配色的重要性
background-image: linear-gradient(to bottom right,rgb(114,135,254),rgb(130,88,186));线性渐变颜色对比margin: 0 auto;login 主体内容自动居中box-shadow: 0 10px 50px 0px rgb(59,45,159);阴影方向与渐变的一致性border-top-left-radius: 15px;圆角display: inline-block;行内布局border-bottom: 3px solid rgb(237,221,22);重要内容加下边框突出outline: 0;input 去除轮廓线- hover + transition 实现颜色变化
::-webkit-input-placeholder {color: rgb(199,191,219);}专门用于占位符的颜色设置height: calc(100% - 120px);计算出的高度
一个BUG：
发送框不知道为什么会跑到上面去了… 回头再好好看一下position: relative;和position: absolute;