MUI登录页面的美化（2）

引言在此之前我已写过一部分美化操作，本篇文章主要讲的是MUI登录页面的其他美化。问题描述在将主要的内容构造之后，如今思考如何实现将页面进行美化是软件的一个基本阶段。

算法描述（1）按钮美化第一种：style形式。之间在head之间输入以下代码即可。

代码清单 1

第二种：css形式。在css目录中新建一个style.css文件夹；在文件中head之间引用以下代码；代码清单 2<link rel = “stylesheet” herf = “css/style.css”/>再输入以下代码清单1中代码即可。（2）间距优化根据APP间距与边距设计规范来进行优化。注意的是，不同手机尺寸可能有所不同。若要做出所有框在中间的效果则可借助<br />调整。例如本篇文章在手机/邮箱/用户的相关代码前加<br />：代码清单 3

框与框之间可用top、margin-top设置值调整。代码清单 4.mui-card{top: -40px;/*可正可负，根据实际调整*/}或/*相隔距离*/.public-margin-top{margin-top:20px;}结语本篇文章主要继续讲的是MUI登录页面的其他方面的美化，在写代码的过程中发现有不同的方式可以进行实现。美化的代码不仅仅只有这些，还有许多其他的方法可以进行调整，希望在一次次操作实践中，找到不同的方法。实习编辑：李欣容稿件来源：深度学习与文旅应用实验室（DLETA）