发源地·开源项目分享社区

 找回密码
 立即注册
查看: 1275|回复: 0
收起左侧

[电子商务] 简洁纯CSS+html实现网站APP底部菜单HTML5和PHP通用

[复制链接]

活雷锋

329

主题

1359

帖子

2667万

积分

管理员

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

UID
1
性别
银票
8889541
铜板
8892050
钢镚
8897155
好友
2
记录
1
日志
0
相册
54
帖子
1359
主题
329
精华
116
分享
0
注册时间
2019-5-13
最后登录
2021-1-3
在线时间
376 小时
卖家信用
买家信用
听众
1
收听
1
居住地
江苏省 苏州市 太仓市 太仓经济开发区
职业
山贼
自我介绍
他们都是叛徒,但我从没恨过他们...
兴趣爱好
IT/互联网/硬件/软件
发表于 2020-5-23 23:26:37 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
原创双<li>竖排无视差简洁网站底部footer菜单,适合HTML5和PHP
作者:青花
转载请注明:https://wdc.store
QQ浏览器截图20200523232653.png
  1. <!--footer-->
  2. <div class="f_1">
  3. <div class="f_2">
  4.     <li class="f_li_img"><a class="a_hover" href="forum.php" target=_blank><img src="ico_1.png"  height="25" /></a></li>
  5.     <li class="f_li_img"><a class="a_hover" href="forum.php" target=_blank><img src="ico_2.png"  height="25" /></a></li>
  6.     <li class="f_li_img"><a class="a_hover" href="misc.php" target=_blank><img src="ico_3.png"  height="25" /></a></li>
  7.     <li class="f_li_img"><a class="a_hover" href="group.php" target=_blank><img src="ico_4.png"  height="25" /></a></li>
  8.     <li class="f_li_img"><a class="a_hover" href="home.php" target=_blank><img src="ico_5.png"  height="25" /></a></li>
  9. </div>
  10. <div class="f_3" >
  11.     <li class="f_li_a"><a class="a_hover" href="forum.php">首 页</a></li>
  12.     <li class="f_li_a"><a class="a_hover" href="forum.php">社 区</a></li>
  13.     <li class="f_li_a"><a class="a_hover" href="misc.php">热 门</a></li>
  14.     <li class="f_li_a"><a class="a_hover" href="group.php">圈 子</a></li>
  15.     <li class="f_li_a"><a class="a_hover" href="home.php">我 的</a></li>
  16. </div>
  17. </div>
  18. <style type="text/css">
  19. .f_1{
  20.     position:fixed;
  21.     bottom:0;
  22.     background:#00BFFF;
  23.     margin-left:-7px;
  24.     width:100%;
  25.     height:47px;
  26.     margin-bottom:0px;
  27.     font-size:14px;
  28.     color:#fff;
  29. }
  30. .f_2{
  31.     width:100%;
  32.     margin-top:-2px;
  33. }
  34. .f_3{
  35.     width:100%;
  36. }
  37. .f_li_img{
  38.         width:20%;                           
  39. }
  40. .f_li_a{
  41.     width:20%;
  42.     margin-top:-24px;
  43. }
  44. .a_hover{
  45.     text-align:justify;
  46.     a.hover{color: #fff};
  47.     text-decoretion:none;
  48.     color:#fff;
  49. }

  50. </style>
复制代码


哎...今天够累的,签到来了4...
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|kedoutd.cn|wdc.store|fll.store|zuz.store|newbe.wang|pvp.store ( 苏ICP备14054272号 )

GMT+8, 2021-2-27 06:00

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表