如何消除li和ul之间的空隙、如何使div中的内容居中

1、登录页面(模糊登录背景)

如何模糊背景 ：opacity: 0.9;。设置的越小越透明

2、首页（美化部分排版对比效果ul|li）

如何设置div内容居中:margin:auto

.el-main {
  background-color: #e6e6fa;
  width: 80%;
  margin: auto;
}

如何消除li、ul之间的空隙：ul，li{padding:0;margin:0}。

未改进前

改进后效果