CSS implementiert die Bottom-Tapbar-Funktion

*{
           Rand: 0;
           Polsterung: 0;
           Textdekoration: keine;
           Listenstil: keiner;

       }
       .Fuß {
           Breite: 100 %;
           Höhe: 68px;
           Hintergrund: #FFFFFF;
           Position: fest;
           unten: 0;
           Anzeige: Flex;
           Inhalt ausrichten: Abstand herum;
           Z-Index: 999;
           /*Zeilenhöhe: 20px;*/
       }

       .Fuß li {
           Höhe: 100%;
       }

       .Fuß li a {
           Anzeige: Block;
           Breite: 100 %;
           Höhe: 100%;
           /* Farbe: #979797;*/
       }

       .foot li ein img {
           /*Anzeige: Block;*/
           Breite: 26px;
           Höhe: 26px;
           Rand oben: 10px;
       }

       .Fuß li ap {
           Schriftgröße: 12px;
           Breite: 100 %;
           Textausrichtung: zentriert;
           /* Farbe: #979797;*/
           Rand oben: 7px;
       }
       .botm-Titel{
           Farbe: #979797;
       }

       .aktive {
           Farbe: #5C91FA;
       }
       .xz-img{
           Textausrichtung: zentriert;
       }

<%--Untere Tippleiste--%>
   <ul Klasse="Fuß">
       <li class="Imgbox" img="/images/tuiJianCus/index-wxz-icon.png" data-img="/images/tuiJianCus/index-xz-icon.png">
           <a href="/views/tuiJianCus/index.jsp">
               <div Klasse="xz-img">
                   <img src="/images/tuiJianCus/index-wxz-icon.png" />
               </div>

               <p class="botm-title">Empfehlung für die Startseite</p>
           </a>
       </li>
       <li class="Imgbox" img="/images/tuiJianCus/tuijiang-wxz-icon.png" data-img="/images/tuiJianCus/tuijiang-xz-icon.png">
           <a href="/views/tuiJianCus/tuijian_speed.jsp">
               <div Klasse="xz-img">
                   <img src="/images/tuiJianCus/tuijiang-xz-icon.png" />
               </div>

               <p class="botm-title actives ">Meine Empfehlungen</p>
           </a>
       </li>
       <li class="Imgbox" img="/images/tuiJianCus/my-wxz-icon.png" data-img="/images/tuiJianCus/my-xz-icon.png">
           <a href="/views/tuiJianCus/usercenter.jsp">
               <div Klasse="xz-img">
                   <img src="/images/tuiJianCus/my-wxz-icon.png" />
               </div>

               <p class="botm-title ">Meine Vorteile</p>
           </a>
       </li>
   </ul>