您的位置:首页 > Web前端 > HTML

html实现页面内加横向滚动条

2014-07-18 03:53 169 查看
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=GB2312">

<title>html页面内加横向滚动条</title>

</head>

<body>

<DIV  style=" OVERFLOW-X: scroll; scrollbar-face-color:black;scrollbar-shadow-color:yellow;scrollbar-highlight-color:red;scrollbar-3dlight-color:green;scrollbar-darkshadow-color:below;scrollbar-track-color:#F4F4F0;scrollbar-arrow-color:#000000; width:500px;HEIGHT:
200px" align="center">

<table width="2000" border="1" cellspacing="3dlight-color" cellpadding="3dlight-color">

  <tr>

    <td>a</td>

    <td>b</td>

    <td>c</td>

    <td>d</td>

    <td>e</td>

    <td>f</td>

    <td>g</td>

  </tr>

  <tr>

    <td>a</td>

    <td>b</td>

    <td>c</td>

    <td>d</td>

    <td>e</td>

    <td>f</td>

    <td>g</td>

  </tr>

  <tr>

    <td>a</td>

    <td>b</td>

    <td>c</td>

    <td>d</td>

    <td>e</td>

    <td>f</td>

    <td>g</td>

  </tr>

  <tr>

    <td>a</td>

    <td>b</td>

    <td>c</td>

    <td>d</td>

    <td>e</td>

    <td>f</td>

    <td>g</td>

  </tr>

  <tr>

    <td>a</td>

    <td>b</td>

    <td>c</td>

    <td>d</td>

    <td>e</td>

    <td>f</td>

    <td>g</td>

  </tr>

</table>

</div>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html