台州温岭做网站请找我们 (专业建站 | 诚信服务) 13958630945 在线客服 联系技术

佳源设计|台州网站建设|佳源网页设计

网站当前位置: 首页>>做网站步骤>>左边单图右侧两行排列
建站流程
 
建站知识
 
网站建站疑难
 
网站设计_图象处理
 
网站设计_Css样式
 
网站建设_Flash疑难
 
手机网站建设
 
 建站知识搜索
 

台州网站建设
 
网站优化
 
提交疑问
 做网站步骤 > 左边单图右侧两行排列

左边单图右侧两行排列

111次浏览
2022-04-06
<div class="leftmenu">
<li><a href="#"><img src="{$js}img/hua.png" class="bhome"></a></li>
</div>
<div class="rightmenu">
<div class="ftr">
<li><a href="#">aaa</a></li>
<li><a href="javascript:;">ggg</a></li>
<li><a href="javascript:;">ggggg</a></li>
<li><a href="javascript:;">gggg</a></li>
<li><a href="https://app.580u.cn/app/index.php?i=242&c=entry&do=curve_api&m=xgroup_practice&tmp=expmap_tiantai_5">bbb</a></li>
</div>
<div class="ftr">
<li><a href="javascript:;">ggg</a></li>
<li><a href="#">ccc</a></li>
<li><a href="javascript:;">ddd</a></li>
<li><a href="javascript:;">eee</a></li>
<li><a href="javascript:;">fff</a></li>
</div>
  </div>
  </div>
  <style>
  .menu{width:96%;margin:0 auto;height:80px;display: flex;align-items: center;}
.leftmenu{width:10%;float:left;}
.leftmenu li{list-style-type:none;color:#fff;text-align:center;}
.leftmenu li a:link,.leftmenu li a:visited{display:flex;    justify-content: center;align-items: center;width:98%;height:65px;line-height:65px;text-align:center;color:#fff;text-decoration:none;border:1px solid #fff}
.leftmenu li a:hover{border:1px solid #29FEFA;color:#29FEFA}
.rightmenu{height: 67px;width: 90%;display: flex;flex-direction: column;justify-content: space-between;}
.bhome{width:35%}
.ftr{width:100%;display:flex;}
.rightmenu li{list-style-type:none;flex: 1;margin-left: 5px;text-align: center;}
.rightmenu li a:link,.rightmenu li a:visited{color:#fff;text-decoration:none;display: block;height:30px;line-height:30px;border:1px solid #fff;}
.rightmenu li a:hover{border:1px solid #29FEFA;color:#29FEFA}</style>
页面所在本站地址: http://www.52-life.net/N_css_pailie.htm
上一篇 >>win2008 IIS7出现数据库链接出错的解决方法
下一篇 >>php 检查一个扩展是否成功加载