本文详细介绍了如何在HTML页面中实现横向滚动条，并通过CSS样式进行个性化定制。
<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>
<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>
扫一扫
870
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
