帮我给这个页面美化背景颜色<template> <div id="app"> <h1>登录</h1> 账号：<el-input v-model="user.userId"></el-input><br> 密码：<el-input v-model="user.userPassword"></el-input><br> <el-button @click="login()">登录</el-button> </div> </template> <script> import request from '@/request'; export default { name: 'MyLogin', data: function(){ return { user :{ userId:"", userPassword:"", } } }, methods:{ login(){ request.post("/user/login",this.user).then(res =>{ alert(res.message) }) this.$router.push("/student") } }, } </script> <style> </style>

要给这个页面添加背景颜色，您可以在`<style>`标签中添加以下样式代码：

<style>
#app {
  background-color: #f2f2f2;
  padding: 20px;
}

</style>

将上述代码添加到您的代码中，`#app`选择器将设置页面的背景颜色为 `#f2f2f2`，并在周围添加了一些内边距。您可以根据需要调整颜色和内边距的值。

请注意，这里使用的是CSS的选择器语法，`#app`选择器将选择具有`id="app"`的元素，并应用相应的样式。确保您的页面上有一个具有相应id的元素。