网站样式：1.banner

原创于 2015-03-27 11:05:44 发布 · 460 阅读

0 ·

CC 4.0 BY-SA版权

网页制作-css+html+js 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种使用HTML和内联样式实现登录横幅的方法。该横幅包含登录、注销、帮助和分析等链接，并通过浮动布局实现左右自适应显示。文章提供了具体的代码实例，展示了如何设置背景颜色及元素对齐方式。

banner样式：

代码如下（没有将style归入css）：

 <tr style='background-color:#f3f3f3;border-bottom:1px solid #e5e5e5'>
                <td colspan=2 height=5% align=middle style='font-family:"微软雅黑","宋体",arial;font-size:12px'>
                        <div style='float:left'><a href="login.php">登陆</a></div>
                        <div style='float:left'>|</div>
                        <div style='float:left'><a href="" onclick="delCookie('login');">注销</a></div>
                        <div style='float:right'><a href="help.php">帮助</a></div>
                        <div style='float:right'>|</div>
                        <div style='float:right'><a href="anticheat_analytics.php">分析</a></div>
                </td>
        </tr>

要点：

配置底色：background-color:#f3f3f3

左右自适应：float:left float:right;