网管联盟 | 网管论坛 | 网管u家 | 网管博客 | 网管软件 | 网管求职 | 小游戏 | 网管搜索 | 网管原创 | 网管聚合 | 网管读摘 | 网管焦点 | 世界素材 | 会员投稿 | 会员中心 
中国网管联盟
Windows Linux Cisco 网络技术 数据库 黑客攻防 DotNet Java PHP 认证 新闻资讯 服务器 存储资讯 网络设备 网管学堂 技术专题 焦点 网吧频道
 当前位置: > bitsCN.com > 网管学堂 > 网页设计 > HTMLCSS > XHTML布局使用说明书---侧边导航  

XHTML布局使用说明书---侧边导航

2007-08-22  作者:bitsCN整理  来源:中国网管联盟  点评 投稿 收藏

       这个例子比较简单,但是也比较实用。尤其是侧边的导航(classnav),宽度、高度可以任意调整。如果想加行的话,直接复制即可。横向分布的列,用上节的那个float:left即可。nav的代码

网管网www_bitscn_com

           <div class="left"> 网管bitscn_com

                            <div class="nav"> 网管下载dl.bitscn.com

                                   <!-- 导航条 /--> 网管u家www.bitscn.net

                                   <div class="navbox"></div>

网管bitscn_com

                                   <div class="navbox"></div>

网管网www_bitscn_com

                                   <div class="navbox"></div> 网管联盟bitsCN_com

                                   <div class="navbox"></div>

网管有家bitscn.net

                                   <div class="navbox"></div> 中国网管联盟bitsCN.com

                                   <div class="navbox"></div> 网管u家bitscn.net

                                   <div class="navbox"></div>

网管网www_bitscn_com

                                   <div class="navbox"></div>

网管u家u.bitscn@com

                            </div>

网管u家bitscn.net

                     </div>

网管有家bitscn.net

例子下载

网管网www.bitscn.com

TAGs   导航   使用说明   布局   class   /div   div   navbox   nav   例子      
 上一篇:XHTML布局使用说明书---经典例子[02]   下一篇:XHTML布局使用说明书--CSS菜单
XHTML布局使用说明书---侧边导航 评论:
loading.. 评论加载中…
评论:请自觉遵守互联网相关政策法规,评论不得超过250字。

验证码: 注册用户
本类热门排行:
最新推荐文章:
网管论坛交流: