介绍 * {
,,,,,,,,,,保证金:,0;
,,,,,,,,,,填充:,0;
,,,,,,,,,,文字修饰:,没有;
,,,,,,,,,,list-style:,没有;
,,,,,,}
,,,,,,.foot {
,,,,,,,,,,宽度:,100%;
,,,,,,,,,,身高:,68 px;
,,,,,,,,,,背景:,# FFFFFF;
,,,,,,,,,,位置:,固定;
,,,,,,,,,,底部:,0;
,,,,,,,,,,显示:,flex;
,,,,,,,,,,justify-content:,空间;
,,,,,,,,,,z - index:, 999;
,,,,,,,,,,/*行高:20 px; */,,,,,,}
,,,,,,.foot li {
,,,,,,,,,,身高:,100%;
,,,,,,}
,,,,,,.foot li a {
,,,,,,,,,,显示:,块;
,,,,,,,,,,宽度:,100%;
,,,,,,,,,,身高:,100%;
,,,,,,,,,,/*,颜色:# 979797;*/,,,,,,}
,,,,,,.foot li a img {
,,,,,,,,,,/*显示:块;*/,,,,,,,,,,宽度:,26 px;
,,,,,,,,,,身高:,26 px;
,,,,,,,,,,margin-top:, 10 px;
,,,,,,}
,,,,,,.foot li a p {
,,,,,,,,,,字体大小:,12 px;
,,,,,,,,,,宽度:,100%;
,,,,,,,,,,text-align:,中心;
,,,,,,,,,,/*,颜色:# 979797;*/,,,,,,,,,,margin-top:, 7 px;
,,,,,,}
,,,,,,.botm-title {
,,,,,,,,,,颜色:,# 979797;
,,,,,,}
,,,,,,.actives {
,,,,,,,,,,颜色:,# 5 c91fa;
,,,,,,}
,,,,,,.xz-img {
,,,,,,,,,,text-align:,中心;
,,,,,,} & lt; %——底部tapbar——%比;
,,& lt; ul 类=癴oot"比;
,,,,,,& lt; li 类=癐mgbox", img=?图片/tuiJianCus/index-wxz-icon.png", data-img=?图片/tuiJianCus/index-xz-icon.png"比;
,,,,,,,,,,& lt; https://www.yisu.com/zixun/a href="/视图/tuiJianCus/index . jsp ">
首页推荐
李
<李类="%20Imgbox“img="//tuiJianCus/tuijiang-wxz-icon图像。png%20"%20data-img="/图片/tuiJianCus/tuijiang-xz-icon.png ">
这篇文章将为大家详细讲解有关CSS实现底部tapbar栏功能调动的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
先看效果图
CSS样式
页面代码
