网页内使用CSS添加横向滚动条的实例

发布时间：2018-09-09 12:40:44 所属栏目：经验来源：站长网

导读：通常要控制页面显示在固定的空间内，我们选择用滚动栏的方式来拓展空间。横向的滚动栏。本文中总结了在Html中设置横向的滚动栏的代码，供大家参考。 htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312titlehtml页面内加横向滚动

通常要控制页面显示在固定的空间内，我们选择用滚动栏的方式来拓展空间。

横向的滚动栏。

本文中总结了在Html中设置横向的滚动栏的代码，供大家参考。

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>html页面内加横向滚动条 - Liehuo.Net</title> </head> <body> <DIV style=" OVERFLOW-X: scroll; scrollbar-face-color:#B3DDF7;scrollbar-shadow-color:#B3DDF7;scrollbar-highlight-color:#B3DDF7;scrollbar-3dlight-color:#EBEBE4;scrollbar-darkshadow-color:#EBEBE4;scrollbar-track-color:#F4F4F0;scrollbar-arrow-color:#000000; width:752px;HEIGHT: 380px" align=center> <table width="1440" border="0" cellspacing="0" cellpadding="0"> <tr> <td>p</td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td>烈火网 www.veryhuo.com </td> <td>站长学院</td> <td>一直致力于为网页设计、WEB开发与网站运营提供动力</td> <td>欢迎访问</td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </div> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：鹤壁站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!