山东大学项目实训（二十三）：Mbti求职推荐系统UI界面与沉浸式面试问答按钮功能实现

玄津承

已于 2024-06-24 12:30:20 修改

阅读量285

点赞数 1

文章标签： javascript 前端 vue.js

于 2024-06-24 12:23:02 首次发布

本文链接：https://blog.csdn.net/m0_74379991/article/details/139921596

版权

这一篇博客主要是对求职推荐系统UI的优化

首先是设置背景图片

.RecommendationPage{

  background-image: url('面试模拟.png'); /* 设置背景图片 */

  background-size: cover; /* 背景图片覆盖整个容器 */

  background-position: center; /* 背景图片居中 */

  background-repeat: no-repeat; /* 背景图片不重复 */

编辑

最上面按钮

.introduction-button{

    border-radius: 5px;

    padding: 10px 20px;

    background-color: #007bff;

    color: white;

    border: none;

    cursor: pointer;

    margin-top: 10px;

    justify-content: center;

  }

回答区域设置</