bootstrap5.1画面居中实例

HTML

1. <div class="position-absolute top-50 start-50 translate-middle text-center text-white">
   
2.   <h1 class="mb-3">四川莘昕健康管理股份有限公司欢迎您</h1>
   
3.   <p class="lead">一站式心理健康服务平台<span class="fw-bold mx-1">·</span>只提供高质量的心理服务</p>
   
4.   <p class="small"><a class="text-light small" href="https://beian.miit.gov.cn" target="_blank">蜀ICP备2023007754号-1</a></p>
   
5. </div>

复制代码

CSS

1. body{
   
2.     background-image: url("../../../images/01.jpg");
   
3.     background-size: cover;
   
4. }
   
5. a{
   
6.     text-decoration-line: none;
   
7. }

复制代码