html局部强制出现滚动条实例代码

发布时间:2020-12-31编辑:脚本学堂
分享下html局部强制显示滚动条的方法,html页面内加横向滚动条的实现代码,有需要的朋友参考下。

在网页中局部出现滚动条,可以不破坏整体的样式和布局。

效果图: html局部强制出现滚动条
 
局部出现滚动条,这样就不会破坏整体的样式和布局了。

范例代码:
 

复制代码 代码示例:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>html页面内加横向滚动条_www.jb200.com</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>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>pppppppppppppppppp</td>
<td>ppppppppppppp</td>
<td>ppppppppppppppppppp</td>
<td>ppppppppppppppppppppppppppppppp</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</div>
</body>
</html>